bootstrap multiselect dropdown disable Filtern funktioniert nicht

Question

Es gibt mehrere Dropdown-Menüs für die Mehrfachauswahl auf einer Seite, sodass wir die allgemeine Option für alle verwenden, aber Filteringoption für bestimmte Dropdown-Menüs auswählen möchten.

Optionen:

function getOptions(isFilter) { 
    return { 
     enableFiltering: isFilter, 
     enableCaseInsensitiveFiltering: true, 
     filterPlaceholder: 'Search ...', 
     nonSelectedText: node, 
     numberDisplayed: 1, 
     maxHeight: 400, 
    } 
} 

$('#DDLState').multiselect(getOptions(true)); //enable Filtering true working ok 

$('#DDLCity').multiselect(getOptions());//enable Filtering false not working 

Aber Filterung aktiviert für beide.

Answer 1

Ihr Problem ist in dieser Eigenschaft:

enableCaseInsensitiveFiltering: true, 

Ändern Sie es an:

enableCaseInsensitiveFiltering: isFilter, 

Vom documentation:

enableCaseInsensitiveFiltering: Der Filter, wie oben konfiguriert werden verwenden Groß-/Kleinschreibung beachten, indem Sie enableCaseInsensitiv einstellen eFiltering auf "True" Dieses Verhalten kann geändert werden, um die Groß-/Kleinschreibung zu verwenden.

Das Snippet:

function getOptions(isFilter) { 
 
    return { 
 
     enableFiltering: isFilter, 
 
     enableCaseInsensitiveFiltering: isFilter, 
 
     filterPlaceholder: 'Search ...', 
 
     nonSelectedText: 'Check an option!', 
 
     numberDisplayed: 1, 
 
     maxHeight: 400, 
 
    } 
 
} 
 

 
$('#DDLState').multiselect(getOptions(true)); 
 
$('#DDLCity').multiselect(getOptions());

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link rel="stylesheet" href="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"> 
 
<script src="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script> 
 

 

 
<div class="container-fluid"> 
 
    <div class="row"> 
 
     <div class="col-xs-6 col-md-4"> 
 
      <select id="DDLState" multiple="multiple"> 
 
       <option value="cheese">Cheese</option> 
 
       <option value="tomatoes">Tomatoes</option> 
 
       <option value="mozarella">Mozzarella</option> 
 
       <option value="mushrooms">Mushrooms</option> 
 
       <option value="pepperoni">Pepperoni</option> 
 
       <option value="onions">Onions</option> 
 
      </select> 
 
     </div> 
 
     <div class="col-xs-6 col-md-4"> 
 
      <select id="DDLCity" multiple="multiple"> 
 
       <option value="cheese">Cheese</option> 
 
       <option value="tomatoes">Tomatoes</option> 
 
       <option value="mozarella">Mozzarella</option> 
 
       <option value="mushrooms">Mushrooms</option> 
 
       <option value="pepperoni">Pepperoni</option> 
 
       <option value="onions">Onions</option> 
 
      </select> 
 
     </div> 
 
    </div> 
 
</div>