插件“yadcf”不能与数据表一起工作

我正在尝试使用带有datatables的“yadcf”过滤插件，并且在未调用yadcf函数时出现“Uncaught TypeError：undefined不是函数”。插件“yadcf”不能与数据表一起工作

我已验证插件已加载，我不确定问题出在哪。

这里是正在加载的库：

<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}]);

来源

2014-07-02 user3101337

您正在使用的datatables 1.10.x，据我所知，yadcf不支持1.10.x，但（!!） - > http://datatables.net/forums/discussion/15016/yet-another- datatables-column-filter-yadcf/p2 – davidkonrad

我试过用1.10.0这是la圣释放。它仍然不起作用，但yadcf网站表示它支持 – user3101337

以前版本的yadcf确实支持1.10.0但不支持新的datatables API（大写“D”），反正最新的yadcf也支持新的API – Daniel

您需要使用最新版本yadcf 0.8.2 ，抓住它从github repo

那么你应该使用yadcf的新初始化函数，这样

var Table = $('#FE_Time_Table').DataTable(...); 
yadcf.init(Table , [{column_number : 0}]);

你可以看到这个新的初始化函数中使用的showcase

PS我yadcf

的作者

来源

2014-08-04 14:03:03 Daniel

感谢Daniel ，在这方面做得很好。 – user3101337

更新，yadcf 0.8.2昨天发布，支持：新的Datatable API - 使用yadcf.init（...）/ Select2/ColVis – Daniel

@Daniel请更新您的文档。这让我想了30分钟。这些文档已过时。 http://yadcf-showcase.appspot.com/DOM_source.html –

插件“yadcf”不能与数据表一起工作

回答

相关问题