Javascript 控制台中的Datatables Jquery错误
未捕获的TypeError:对象[Object Object]没有方法“fnFilter”Javascript 控制台中的Datatables Jquery错误,javascript,jquery,datatables,Javascript,Jquery,Datatables,未捕获的TypeError:对象[Object Object]没有方法“fnFilter” $(document).ready(function () { var selectedColumn = $('#columnlist').find(":selected").text(); $('#csearchtext').bind("change paste keyup", function () { var input = $('#csearchtext').val(); c
$(document).ready(function () {
var selectedColumn = $('#columnlist').find(":selected").text();
$('#csearchtext').bind("change paste keyup", function () {
var input = $('#csearchtext').val();
console.log(input);
$('#table_id').fnFilter('',4);
});
$('#dblist').on('change', function () {
var selected = $('#dblist').find(":selected").text();
tablefill(selected);
});
$('#search').click(function () {
var selected = $('#dblist').find(":selected").text();
tablefill(selected);
});
function tablefill(selected) {
$('.advsearchbar').show();
$('#stable').show();
$('#table_id').dataTable({
"sAjaxSource": '/php/connect/searchtablequery.php',
"bProcessing": true,
"sScrollY": "500px",
"bDeferRender": true,
"bDestroy": true,
"sAjaxDataProp": "",
"fnServerParams": function (aoData) {
aoData.push({ "name": "db", "value": selected });
},
"aoColumns": [
{ "mData": "calldate" },
{ "mData": "recordingfile" },
{ "mData": "uniqueid" },
{ "mData": "src" },
{ "mData": "did" },
{ "mData": "lastapp" },
{ "mData": "dst" },
{ "mData": "disposition" },
{ "mData": "duration" },
{ "mData": "userfield" },
{ "mData": "accountcode"}],
"iDisplayLength": 20,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sDom": '<"H"Tfr>t<"F"ip>',
"oTableTools": {
"sSwfPath": "/DataTables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
"aButtons": [
"copy", "csv", "xls", "pdf",
{
"sExtends": "collection",
"sButtonText": "Save",
"aButtons": ["csv", "xls", "pdf"]
}]
}
});
}
$(文档).ready(函数(){
var selectedColumn=$(“#columnlist”).find(“:selected”).text();
$('#csearchtext').bind(“更改粘贴键控”,函数(){
var输入=$('#csearchtext').val();
控制台日志(输入);
$('#table_id').fnFilter('',4);
});
$('#dblist')。on('change',function(){
var selected=$(“#dblist”).find(“:selected”).text();
表格填充(选定);
});
$(“#搜索”)。单击(函数(){
var selected=$(“#dblist”).find(“:selected”).text();
表格填充(选定);
});
功能表填充(选定){
$('.advsearchbar').show();
$(“#稳定”).show();
$('#表_id')。数据表({
“sAjaxSource”:“/php/connect/searchtablequery.php”,
“bProcessing”:正确,
“sScrollY”:“500px”,
“bDeferRender”:没错,
是的,
“sAjaxDataProp”:“,
“fnServerParams”:函数(aoData){
推送({“name”:“db”,“value”:selected});
},
“aoColumns”:[
{“mData”:“calldate”},
{“mData”:“recordingfile”},
{“mData”:“uniqueid”},
{“mData”:“src”},
{“mData”:“did”},
{“mData”:“lastapp”},
{“mData”:“dst”},
{“mData”:“处置”},
{“mData”:“持续时间”},
{“mData”:“userfield”},
{“mData”:“accountcode”}],
“iDisplayLength”:20,
“bJQueryUI”:没错,
“sPaginationType”:“完整编号”,
“sDom”:“t”,
“可旋转工具”:{
“sSwfPath”:“/DataTables/extras/TableTools/media/swf/copy\u csv\u xls\u pdf.swf”,
“阿布顿”:[
“复制”、“csv”、“xls”、“pdf”,
{
“性倾向”:“收藏”,
“sbuttonext”:“保存”,
“阿布顿”:[“csv”、“xls”、“pdf”]
}]
}
});
}
}))
未捕获的TypeError:对象[Object Object]没有方法“fnFilter”
我不知道为什么会出现这种情况,因为jquery被包括在内,因为datatable创建得很好。这方面的任何帮助都将非常有用。您必须使用dataTable对象进行链接,如下所示
$('#table_id').dataTable().fnFilter('', 4);
您必须与dataTable对象链接,如下所示
$('#table_id').dataTable().fnFilter('', 4);
您需要获取dataTable对象,而不是jQuery对象
$('#table_id').dataTable().fnFilter('',4);
从文档中:
$(document).ready(function() {
var oTable = $('#example').dataTable();
// Sometime later - filter...
oTable.fnFilter( 'test string' );
} );
您需要获取dataTable对象,而不是jQuery对象
$('#table_id').dataTable().fnFilter('',4);
从文档中:
$(document).ready(function() {
var oTable = $('#example').dataTable();
// Sometime later - filter...
oTable.fnFilter( 'test string' );
} );
你能告诉我你在哪里显示它吗?就像在它所在的网站上一样?就像表格布局一样,因为当它发生在我身上时,我的AOColumn中没有足够的行扫描你告诉我你在哪里显示它吗?就像在它所在的网站上一样?就像表格布局一样,因为当它发生在我身上时,我的AOColumn中没有足够的行AOColumns使错误消失,但如果您尝试使用空字符串进行筛选,则表未筛选任何内容!我忘了将其更改为变量,谢谢您将尽快标记为答案。这样错误就消失了,但是如果您尝试使用空字符串进行筛选,表不会筛选任何内容!我忘了把它改成一个变量,谢谢你会尽快给我答案的。