Multiselect Filter updated

by bilbobaggins

HTML

<script src="https://cdn.jsdelivr.net/gh/matt212/Custom-Multiselect@master/app/public/multiselect.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/matt212/Custom-Multiselect@master/app/public/multiselect.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.3/css/bootstrap.min.css">
Type 'm' or '  f'
<input type="text" style="width:45%;" class="form-control" id="cltrl_filter_gender" placeholder="gender">

JavaScript

$(document).ready(function () {
 multiselect.baseInit({ id: 'cltrl_filter_gender', fieldname: 'gender' })
})
let cltrl_filter_gender = function (a) {
           /*me.remotefunc is important since it is used in mutliselect call and rendering*/
           me.remotefunc = function (base) {
               return new Promise(function (resolve, reject) {
                   /*response in this format*/
                   resolve({
                       rows: [{
                           gender: "m"
                       }, {
                           gender: "f"
                       }]
                   })
               })
           }
           /*multiselect Search Init*/
           multiselect.searchbarautocomplete(a)
       }