从JavaScript源数据表中获取过滤后的数据数组
我的dataTable版本是1.10.4。 我通过传递Javascript源数据来填充datatable从JavaScript源数据表中获取过滤后的数据数组,javascript,jquery,datatable,datatables,Javascript,Jquery,Datatable,Datatables,我的dataTable版本是1.10.4。 我通过传递Javascript源数据来填充datatable var dataSet = [ ['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'], ['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C'] //---- ]; $(document).ready(function () { $('
var dataSet = [
['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'],
['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C']
//----
];
$(document).ready(function () {
$('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');
$('#example').dataTable({
"data": dataSet,
"columns": [
{ "title": "Engine" },
{ "title": "Browser" },
{ "title": "Platform" },
{ "title": "Version", "class": "center" },
{ "title": "Grade", "class": "center" }
]
});
});
请参考这是一个搜索示例; 您可以删除按钮,并向您的区域添加onchange
Search <input type="text" id="searchText">
<input type = "button" onClick="searchAndUpdate()">
注意:您必须更新表格。
您可以使用
search.dt
事件进行此操作(此处假设您已将dataTable的实例存储在表
变量中):
等等。注意,如果使用DataTable()
而不是DataTable()
实例化表,则不需要api()
引用
叉形小提琴->
有关从dataTables实例中提取行的不同方法的示例,请参见
Search <input type="text" id="searchText">
<input type = "button" onClick="searchAndUpdate()">
function searchAndUpdate(){
var searchText = $('#searchText').val();
var resultTable = [];
dataSet.forEach(function(element) {
var objString = JSON.stringify(element);
if(objString.indexOf(searchText)!=-1){
resultTable.push(element);
}
});
console.log(resultTable);
//update your table
}
$("#example").on('search.dt', function() {
var filteredRows = table
.api()
.rows( {order:'index', search:'applied'} )
.data();
for (var i=0; i<filteredRows.length; i++) {
console.log(filteredRows[i]);
};
});
["Gecko", "Firefox 3.0", "Win 2k+ / OSX.3+", "1.9", "A"]
["Gecko", "Camino 1.0", "OSX.2+", "1.8", "A"]
["Gecko", "Camino 1.5", "OSX.3+", "1.8", "A"]
["Gecko", "Netscape 7.2", "Win 95+ / Mac OS 8.6-9.2", "1.7", "A"]