繁体   English   中英

'datatable' jquery 插件和两个表(ajax 相关)的问题

problem with 'datatable' jquery plugin and two table (ajax related)

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有两个标签,它们的内容由 ajax 加载。 两者的内容都有一个表格。 我想将“数据表”jquery 插件应用于两个表。 表具有相同的 ID,因为它们是由 function 创建的。但是它们的行不同。

datatable 插件很好地应用于第一个选项卡表,但在第二个选项卡上出现此错误:

"DataTables warning (table id = 'dttable'): Cannot reinitialise DataTable.

要检索此表的 DataTables object,请将 no arguments 传递给 dataTable() function,或将 bRetrieve 设置为 true。 或者,要销毁旧表并创建新表,请将 bDestroy 设置为 true(请注意,可以通过 API 对配置进行很多更改,这通常要快得多)。

我在数据表插件定义中使用“bDestroy”:true。但是这样插件不会显示在第二个表中。

你能帮我吗?

5 个回复

您的问题是两个表具有相同的 ID,这是无效的 HTML。 当您尝试初始化第二个 Databable 时,您的选择器只会找到第一个表并尝试再次初始化第一个表上的 Datatables,这会导致您遇到错误。

您需要更改 function 以创建具有唯一 ID 的每个表,并通过其各自的 ID 初始化每个表。

为什么不通过类名而不是 ID 设置数据表,然后它可以应用于它们两者?

检索数据时,您可以使用类似 $('.dataTableStyle').eq(1) 的方法从相关数据中获取信息。

试试这个代码

$(document).ready(function() {
         oTable = $('#DataTables_Table_0').dataTable({   //DataTables_Table_0 <-------table id
                iVote: -1,   //your field name 
                "bRetrieve":true
            });

        oTable.fnSort( [ [1,'desc'] ] );
     });

当您要更改表数据时,在 function 事件中使用它

$('#tbl_resultates').dataTable().fnDestroy();

并添加

"bRetrieve": true,

$('#tbl_resultates').dataTable({

我正在使用 mvc3,我的问题是在视图中初始化数据表,然后用另一个数据表渲染部分视图。 问题不在于 2 个表的 id,而在于部分视图在框架中呈现的方式。 就我而言,我必须将脚本或对脚本的引用移动到承载局部视图的视图中。 我在使用谷歌地图 api 时遇到了类似的问题。

1 车把问题有jquery的两个模态和数据表

我是handlebar.js的新手,我正在努力解决问题。 问题是当我使用把手呈现来自服务器的响应时,它不会更新表。 有三个要点需要考虑: 我使用过jQuery Datables 我使用了两个模态(第二个模态在点击第一个模态上的按钮时打开) 只有当我将脚本标签放在表格 ...

3 数据表的jQuery插件

我正在处理不是很大的数据表,我需要实现以下UI 可拖动列 可调整大小的列 UI必须具有跨会话的内存。 我已经遍历了用于数据表的jQuery插件列表,但对获得的内容我并不真正满意。 诸如flexigrid之类的东西以及其他带有YUI或EXTJS的东西显然对此 ...

4 数据表jQuery插件

我正在使用jQuery数据表插件进行排序,过滤和分页,如下面的链接所示。 工作正常。 没问题。 分页显示在表格的右下角。 我希望它显示在表格顶部的搜索框旁边。 我尝试更改CSS,但是没有成功。 有可能改变吗? 以下是我引用的链接。 请帮忙.. http://datata ...

5 jQuery,数据表和Ajax

我试图用ASP.NET动态加载我的数据表,这是一种用C#编写的Web方法。 该方法似乎运行良好,但是我尝试的任何方法都无法使数据表正确响应。 这是我的代码: 我的ASP.NET网络方法: 组成了AA类是为了测试数据表的功能。 数据表根本不接收任何行。 提前致谢。 ...

6 具有两个数据数组的Ajax数据表

我有一个数据表,其中使用对后端的ajax调用来填充它,问题是不是所有行数据都在一个数组中返回,而是两个 其中第一行具有data1 [0]中的第一列和data2 [0]中的第二列。 使用ajax调用可以实现吗? 返回的json示例 所以第一行是bo第二dp ...

7 JQuery / Ajax的多个数据表大小问题

这个问题已经在这里有了答案: 引导表选项卡中数据表的大小不正确 4答案 多个DataTable和Bootstrap选项卡的响应性问题 1回答 以自然宽度显示DataTables列 1个答案 我在选项卡面板中放入一页中的两个数据表(dtable1和 ...

9 一键更新两个jQuery数据表

我有一个.Net应用程序(C#),并使用ajax和Web服务添加了jQuery数据表,并且工作正常。 单击按钮即可更新表数据。 我需要添加一个新表,并且需要在单击同一按钮时更新两个表。 我不确定在设置ajax url或数据参数时该如何处理。 ...

10 使用jQuery合并两个数据表

我有两张桌子。 一个具有结果,另一个具有与结果相对应的红色,琥珀色或绿色。 由于数据存储在数据库中并进行数据透视的方式,我无法将查询放在一起。 因此,我正在考虑加载两个表并将它们合并到文档准备就绪的位置。 谁能解释如何做到这一点? jQuery是我无法操纵SQL查询的方法吗? “ ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM