jquery – 具有不同ajax源的同一页面上的多个DataTable

前端之家收集整理的这篇文章主要介绍了jquery – 具有不同ajax源的同一页面上的多个DataTable前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 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
             }
        });
原文链接:https://www.f2er.com/jquery/178280.html

猜你在找的jQuery相关文章