2016-11-16 3 views
0

Ich versuche, eine externe Eingabe zu einem jquery Datentabelle suchen. Bitte beachten Sie meine Ansicht Code:MVC jquery datable Suche von externer Eingabe

<link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet"/> 
<link href="~/Content/DataTables/css/select.bootstrap.css" rel="stylesheet"/> 

<script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script> 
<script src="~/Scripts/DataTables/dataTables.select.min.js"></script> 
<script type="text/javascript"> 
    $(document) 
    .ready(function() { 
     var sfTable = $('#sfTable') 
      .dataTable({ 
       "ajax": { 
        "url": "/Search/LoadData", 
        "type": "GET", 
        "datatype": "json" 
       }, 
       "columns": [ 
        { "data": "Id", "autoWidth": true }, 
        { "data": "Name", "autoWidth": true }, 
        { "data": "Address", "autoWidth": true } 
       ], 
       "searching": true, 
       "select": true 
      }); 

     $('#searchMe') 
      .on('keyup', 
       function() { 
        sfTable.search(this.value).draw(); 
       }); 
    }); 
</script> 
<input id="searchMe" type="text"/> 
<table id="sfTable" class="table table-condensed"> 
<thead> 
<tr> 
    <th>ID</th> 
    <th>Name</th> 
    <th>Address</th> 
</tr> 
</thead> 
</table> 

Wenn ich den Standard verwende Suche in dem gerenderten Datatable es funktioniert gut, aber mit meiner benutzerdefinierten SearchMe Steuerung der Tabelle nicht suchen. Mein letztes Ziel ist es, zwei Databases zu haben, die von einer einzigen Eingabe gesucht werden.

+0

Hier haben Sie! [link] (https://stackoverflow.com/questions/5990386/datatables-search-box-outside-datatable?noredirect=1&lq=1) –

Antwort

0

Datatables - Search Box outside datatable

Dies ist auf die Antwort führte mich, und es war wirklich einfach - der var sfTable = $('#sfTable').dataTable({ Code ein Kapital D auf Datatable() sein hatte - plötzlich funktioniert es!

Verwandte Themen