问题标签 [datatables]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3612 浏览

jquery - jquery DataTables 插件:您可以捕获除插件预期的 JSON 之外的服务器端数据吗?

我正在使用“bServerSide”:true、“sAjaxSource”:和“fnServerData”:...来填充数据表。这工作正常。

但是,当我调用服务器时,我想从连接到服务器的页面返回的不仅仅是 JSON。我有额外的记录集,我想只调用一次数据库就返回,但这在数据表框架内可能吗?输出 JSON 的页面在由数据表检索时只需要 JSON,并且在存在任何其他元素时会给出错误。

更新 1:不知道这是否是一条正确的路线,但我现在在想一个选择是使用数据表隐藏列功能。http://www.datatables.net/examples/basic_init/hidden_​​columns.html 我想你可以在隐藏列的单个单元格中填充带有 ID 的元素,然后通过 jQuery 访问 ID 的信息。

更新 2:也许这就是父页面上的其他元素可以从 JSON 响应页面中的元素更新的方式(我也在数据表论坛中提出了这个问题,没有响应):

  1. 为 json 数据的第一行中的每个隐藏输入添加并包含 ID

  2. 不要尝试隐藏列,因为隐藏列时元素似乎无法访问。(如果我错了,请告知...)

  3. 如果隐藏的输入只需要渲染一次,那么就这样做

  4. 在父页面上通过 jQuery 访问隐藏的输入

更新 3: @JM4 - 我不知道这会专门解决您的问题,但我能够使用隐藏的输入路径 - 例如<input type="hidden id="myCustomID_012" />- 并完成我需要做的事情。

我使用类似于以下的函数来处理行点击。此函数在 dataTable 构建之外。

在 dataTable 构建中,clickRowHandler 函数以这种方式调用:

另外,我不记得我在 DataTables 论坛中看到的位置(可能从这里开始:http ://datatables.net/forums/comments.php?DiscussionID=3931 )但是您可以使用的另一条路线是输出上面的 json 数据- 并且超出了 dataTables 的要求。因此,虽然您需要输出包含“sEcho”和“iTotalRecords”以及“iTotalDisplayRecords”和“aaData”的 json,但您也可以制作自己的名称/值对。

如果您在表头的选择下拉列表中有一个包含 10 个用户名的列表,您可以在构建 json 的位置构建一个名称/值对,并将其称为“selectUserNames”。然后在您的 dataTables 构建中,您可以将该自定义 json 对象转换为您的列表(我没有在此处显示所有函数):

此函数在 dataTables 构建之外创建选择下拉列表。// http://datatables.net/forums/comments.php?DiscussionID=3931&page=1#Item_6

在 dataTables 内部构建......

0 投票
2 回答
984 浏览

javascript - 脚本执行时的模态加载消息

我尝试了几种方法来解决这个问题,但一直无法解决。

基本上我有一个大型数据表,它是由 Java 提供给 DOM 的,因为页面加载数据表加载,然后由外部脚本 (DataTables @ datatables.net) 解析,该脚本为网格设置样式并向网格添加功能。问题是表格显示在页面上没有样式并且没有数据表格脚本的功能,然后在脚本执行完成后消失并重新加载。

我想要做的是在页面加载时通过 jQuery 隐藏页面上的所有内容,然后在脚本执行后显示它,然后关闭模式加载对话框。

我的问题是:有没有办法通过模式运行加载消息,直到所有脚本都已执行。表中的数据非常大(2000 条记录),需要一些时间来编译......

谢谢你的帮助!

0 投票
2 回答
8903 浏览

jquery - jQuery 数据表大小调整问题

我的 Jquery 数据表有问题。基本上我想要一个这样的数据表:数据表示例

我在我的代码中导入了这些:

style.css 是我的,其他的取自 datatable api 和 jquery css 代码。

当我运行程序时,我得到一个如下页面:截屏 Ps:我的页面在 iframe 中。

谢谢你的帮助。

0 投票
2 回答
4054 浏览

jquery - jquery DataTables插件:服务器端数据,使用长度菜单并用-1显示“全部”?

在长度菜单示例中,我们看到选项设置如下: http ://www.datatables.net/examples/advanced_init/length_menu.html

然而,当我在服务器端尝试这种方法时,选择“全部”时它会失败。有没有人遇到过这个问题或熟悉如何处理这种情况?

0 投票
1 回答
13790 浏览

javascript - JQuery 数据表分页

在向数据表添加日期过滤插件后,我无法进行分页。原始代码是这样的,它可以很好地进行分页。

这是我目前使用的插件变量

提前致谢。

0 投票
2 回答
1330 浏览

javascript - 如何在客户端显示海量报表数据(mongoDB、JS)

由于我们在应用程序中收集的数据的性质,有必要让用户能够搜索超过 1,000,000 行数据,并尽可能快地在客户端接收结果。

我们玩过各种技术,目前正在试验文档存储引擎 MongoDB。我们本质上是以我们希望在客户端显示的方式将报告数据存储在 Mongo 中。

但是,这就是我想依靠你的经验的地方。我们使用了一些报表插件,例如 datatables.net,但是当客户端请求可能匹配 100,000 多条记录的数据时,将数据传递到客户端的延迟可能需要一分钟以上才能将 JSON 从服务器导出到客户。

我曾尝试通过一次仅向客户端发送 1000 个结果来过滤结果集,但如果用户决定对列进行排序怎么办?必须再次执行整个请求,并将第 1000 个结果加载到客户端。

但是如果客户选择在一个列中搜索,结果必须再次重新获取。当所有数据都加载到客户端时,所有这些问题都不存在。

所以本质上我的问题是,您如何有效和快速地允许客户端搜索和操作大型数据集,但以一种不需要一次性发送每个结果的方式将结果传递给客户端,从而保持客户端尽可能轻量级?

我确定 MongoDB 必须有一些前端数据表类型插件,可能通过 node.js 进行直接 JSON 通信,但我找不到任何东西!

谢谢你的帮助。

0 投票
1 回答
383 浏览

javascript - dataTables 搜索被另一个表单的输入搞砸了

你好我有这样的表格

然后我有一个我应用 dataTables 的 html 表

然后我有这个代码

问题是当我在表单中输入内容时,好像它被自动提交为 dataTables 的搜索字段,然后我可以在 dataTables 搜索字段中看到相同的文本,我不明白为什么

0 投票
1 回答
2570 浏览

php - 由 Codeigniter 推动的 jQuery 数据表

我使用带有 DataTables Codeigniter 库的 jQuery DataTables 来生成数据。该库是 DataTables 提供的 php 脚本的一个端口。

该脚本只允许我确定几个选项。

我希望能够为一些“特定于行”的函数(如editand )添加一列delete,但 DataTable 库不支持提供经过处理的数据数组。

看来我的下一个选择是一些 jQuery。我想我需要有一个隐藏列来存储关于行的唯一 id,然后为行特定的函数添加一列。这看起来对吗?

任何其他建议或更好的方法都会很高兴听到。

谢谢,彼得

0 投票
1 回答
9476 浏览

jquery - jQuery Datatables 添加自定义表单元素

我有一个基本初始化的数据表设置。我希望能够在表格下方有复选框和提交按钮。有没有办法自定义表格下方的信息“行”?

如果我只是在表格后添加提交按钮,这就是它的样子 在此处输入图像描述

这就是我想要的样子 在此处输入图像描述

我需要一个解决 Javascript 开启或关闭的解决方案。

0 投票
7 回答
19506 浏览

jquery - jQuery 数据表:测试数据表插件是否已初始化

我想检查一个带有 id="datatable" 的表元素是否是数据表初始化的。像这样的东西:

我怎样才能做到这一点?谢谢!