我使用
dataTables在一个页面上有几个表.每个表都需要拥有它自己的’sAaxSource’.我似乎无法弄明白该怎么做.这是我的最小代码:
var oTable = $('.datatable').dataTable( { "bProcessing": true,"sAjaxSource": "/ajax/function","bSort": false,"fnDrawCallback": function() { //some click events initilized here } });
这基本上就是裸骨设置.每个表作为数据表类和唯一ID.但不确定如何根据特定的表更改AjaxSource.
谢谢!
编辑:
这是我最终做的事情:
$('.datatable').each(function(index){ $('#'+$(this).attr('id')).dataTable( { "bProcessing": true,"sAjaxSource": $(this).children('caption').html(),"fnDrawCallback": function() { } }); });
在表格中,我放置了一个由css隐藏的标题标记,并包含Ajax源URL.它遍历每个实例并抓取网址.
这似乎到目前为止工作!
解决方法
这不行吗?它使用id而不是类来唯一标识每个数据表,并根据id为每个表附加一个单独的源.
var oTable = $('#FirstDataTableID').dataTable( { "bProcessing": true,"fnDrawCallback": function() { //some click events initilized here } }); var oTable = $('#SecondDataTableID').dataTable( { "bProcessing": true,"sAjaxSource": "/ajax/other_function","fnDrawCallback": function() { //some click events initilized here } });