私は堅牢な検索のために私のプロジェクトでDatatableを使用しています。 データテーブルの利点がありますが、検索ボックスの値が必要な場合は、データテーブルの検索が機能しません。実際には、データを削除するための検索ボックスの値だけでなく検索も必要ですが、検索ボックスの値を取得するコードを適用すると、検索がdatableで機能しません。データテーブルの検索が機能していない
以下は私のコードです。
<html>
<title>Example 1 - apply dataTable()</title>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables_themeroller.css">
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>
</head>
<body>
<div class="container">
<table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example">
<thead>
<tr>
<th>id</th>
<th>name</th>
</tr>
</thead>
<tbody>
<tr>
<td>21</td>
<td>varun</td>
</tr>
<tr>
<td>22</td>
<td>nitin</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
スクリプトコード:
<script>
$('#example').dataTable({"sPaginationType": "full_numbers"});
var table = $('#example').DataTable();
//getting the value of search box
$('.dataTables_filter input').unbind().keyup(function(e) {
var value = $(this).val();
if (value.length>3) {
alert(value);
table.search(value).draw();
} else {
//optional, reset the search if the phrase
//is less then 3 characters long
table.search('').draw();
}
});
</script>
、私を助けてください事前
で おかげ
は、なぜあなたはそこunbind.keyUp機能を持っていますか?なぜ、バインドを解除するのですか? –
実際、私はjqueryに関する多くの知識を持っていません。私はこのコードをスタックリンクhttp://stackoverflow.com/questions/26590778/how-to-get-value-entered-in-search-box-in-datatablesから見つけました。私の一日を節約して貴重なコメントをいただきありがとうございます。 –