Wie kann trigger der Datentabelle such-filter mit multi-select-box-Werte?

Wie können wir seacrh filter-Eigenschaften datatable aus der multi-select-box-Werte?

Hier wählen Sie Feld(multiselect);

<select id="dbox" multiple="true">
<option value="test1">Test1</option>
<option value="test2">Test2</option>
<option value="test3">Test3</option>
</select>

Wenn dbox selecttion geändert Auslöser funktioniert auf datatable-Suche filter:

Habe ich versucht, dieses jquery-code:

$("select#dbox").on("change",function(){

 var val=$(this).val();
oTable.fnFilter(val);

});

Aber es funktioniert nicht.

Wie können wir dies tun?

Dank

InformationsquelleAutor coder | 2014-12-07
  1. 3

    Hier ist ein Referenz-code jsFiddle

    HTML:

    <h4>Select your multiple filter</h4>
<div>
    <select id="dbox" name="categories" multiple>
        <option value="">All</option>
        <option value="Home">Home</option>
        <option value="Work">Work</option>
        <option value="City">City</option>
    </select>
</div>
<div>
    <h4>Table of items</h4>
    <table>
        <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Category</th>
        </tr>
        </thead>
        <tbody>
            <tr><td>1</td><td>Lamp</td><td>Home</td></tr>
            <tr><td>3</td><td>Desk</td><td>Work</td></tr>
            <tr><td>2</td><td>Books</td><td>Home</td></tr>
            <tr><td>3</td><td>Cars</td><td>City</td></tr>
            <tr><td>3</td><td>Desk</td><td>Work</td></tr>
            <tr><td>3</td><td>Photocopying</td><td>Work</td></tr>
            <tr><td>3</td><td>Clip</td><td>Work</td></tr>
            <tr><td>3</td><td>Street</td><td>City</td></tr>
         </tbody>
    </table>
</div>

    JS:

    var dataTable = $('table').dataTable();
$("select#dbox").change( function () {
    var choosedFilter = $('#dbox').val();
    var choosedString = choosedFilter.join("|");
    dataTable.fnFilter(choosedString,2,true,false);
});
    • Ich bin mit datatable-version 1.10.4 , so spielt es keine filter für 2 oder mehr filter Werte
    • Dies funktioniert mit datatables-1.9.4
    InformationsquelleAutor Dave
  2. 3

    Versuchen, verwenden Sie die Suche-Funktion. 

    $("#dbox").on("change",function(){
    var val=$(this).val();
    oTable.search(val).draw();
});
    InformationsquelleAutor lijinma
  3. 0
        $('#myInputTextbox').keyup(function(e) {
      $('#myDataTable').dataTable().fnFilter(this.value);
    });
    • Während dieses code-snippet lösen können, die Frage, einschließlich einer Erklärung die wirklich hilft, zu verbessern, die Qualität Ihrer post. Denken Sie daran, dass Sie die Beantwortung der Frage für den Leser in der Zukunft, und die Menschen vielleicht nicht wissen, die Gründe für deinen code-Vorschlag.
    InformationsquelleAutor Smith
Schreibe einen Kommentar