我正在尝试将“yadcf”过滤插件与数据表一起使用,并在调用yadcf函数的错误中获取“Uncaught TypeError:undefined is a function”错误。
我已验证插件已加载,但不确定是什么问题。
以下是正在加载的库:
<script type="text/javascript" charset="utf-8" src="/DataTables/media/js/jquery-1.10.2.js"></script>
<script type="text/javascript" charset="utf-8" src="/DataTables/jquery-ui-1.10.3/ui/jquery-ui.js"></script>
<script type="text/javascript" charset="utf-8" src="/DataTables-1.10.0/media/js/nightly2.js"></script>
<script type="text/javascript" charset="utf-8" src="/yadcf-0.7.4/jquery.dataTables.yadcf.js"></script>
CSS文件:
<style type="text/css" title="currentStyle">
@import "/DataTables/media/css/demo_table.css";
@import "/yadcf-0.7.4/jquery.dataTables.yadcf.css";
@import "/DataTables/examples/examples_support/themes/ui-lightness/jquery-ui-1.8.4.custom.css";
</style>
数据表:
oTable = $('#FE_Time_Table').DataTable( {
"ajax":{"url": 'FE_Data.php', "dataSrc":'data'},
"jQueryUI": true, //Allow use of jquery-ui plug-in for themes
"dom": 'W<"H"frCi>tS<"">', //Settings for where all the options appear on the page
"columns": [
{ "name": "plate_no", "data": "plate_no", "className": "center_text" },
{ "name": "job_no", "data": "job_no", "className": "center_text" },
{ "name": "customer", "data": "customer" },
{ "name": "device", "data": "device" },
]
}).yadcf([{column_number : 0}]);
最佳答案
您需要使用最新的yadcf版本0.8.2,从github repo中获取它
然后,您应该使用yadcf的新init函数,如下所示
var Table = $('#FE_Time_Table').DataTable(...);
yadcf.init(Table , [{column_number : 0}]);
您可以在showcase上看到这个正在使用的新init函数
ps我是yadcf的作者
关于datatables - 插件 “yadcf”不适用于数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24542697/