问题标签 [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.
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 响应页面中的元素更新的方式(我也在数据表论坛中提出了这个问题,没有响应):
为 json 数据的第一行中的每个隐藏输入添加并包含 ID
不要尝试隐藏列,因为隐藏列时元素似乎无法访问。(如果我错了,请告知...)
如果隐藏的输入只需要渲染一次,那么就这样做
在父页面上通过 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 内部构建......
javascript - 脚本执行时的模态加载消息
我尝试了几种方法来解决这个问题,但一直无法解决。
基本上我有一个大型数据表,它是由 Java 提供给 DOM 的,因为页面加载数据表加载,然后由外部脚本 (DataTables @ datatables.net) 解析,该脚本为网格设置样式并向网格添加功能。问题是表格显示在页面上没有样式并且没有数据表格脚本的功能,然后在脚本执行完成后消失并重新加载。
我想要做的是在页面加载时通过 jQuery 隐藏页面上的所有内容,然后在脚本执行后显示它,然后关闭模式加载对话框。
我的问题是:有没有办法通过模式运行加载消息,直到所有脚本都已执行。表中的数据非常大(2000 条记录),需要一些时间来编译......
谢谢你的帮助!
jquery - jQuery 数据表大小调整问题
我的 Jquery 数据表有问题。基本上我想要一个这样的数据表:数据表示例
我在我的代码中导入了这些:
style.css 是我的,其他的取自 datatable api 和 jquery css 代码。
当我运行程序时,我得到一个如下页面: Ps:我的页面在 iframe 中。
谢谢你的帮助。
jquery - jquery DataTables插件:服务器端数据,使用长度菜单并用-1显示“全部”?
在长度菜单示例中,我们看到选项设置如下: http ://www.datatables.net/examples/advanced_init/length_menu.html
然而,当我在服务器端尝试这种方法时,选择“全部”时它会失败。有没有人遇到过这个问题或熟悉如何处理这种情况?
javascript - JQuery 数据表分页
在向数据表添加日期过滤插件后,我无法进行分页。原始代码是这样的,它可以很好地进行分页。
这是我目前使用的插件变量
提前致谢。
javascript - 如何在客户端显示海量报表数据(mongoDB、JS)
由于我们在应用程序中收集的数据的性质,有必要让用户能够搜索超过 1,000,000 行数据,并尽可能快地在客户端接收结果。
我们玩过各种技术,目前正在试验文档存储引擎 MongoDB。我们本质上是以我们希望在客户端显示的方式将报告数据存储在 Mongo 中。
但是,这就是我想依靠你的经验的地方。我们使用了一些报表插件,例如 datatables.net,但是当客户端请求可能匹配 100,000 多条记录的数据时,将数据传递到客户端的延迟可能需要一分钟以上才能将 JSON 从服务器导出到客户。
我曾尝试通过一次仅向客户端发送 1000 个结果来过滤结果集,但如果用户决定对列进行排序怎么办?必须再次执行整个请求,并将第 1000 个结果加载到客户端。
但是如果客户选择在一个列中搜索,结果必须再次重新获取。当所有数据都加载到客户端时,所有这些问题都不存在。
所以本质上我的问题是,您如何有效和快速地允许客户端搜索和操作大型数据集,但以一种不需要一次性发送每个结果的方式将结果传递给客户端,从而保持客户端尽可能轻量级?
我确定 MongoDB 必须有一些前端数据表类型插件,可能通过 node.js 进行直接 JSON 通信,但我找不到任何东西!
谢谢你的帮助。
javascript - dataTables 搜索被另一个表单的输入搞砸了
你好我有这样的表格
然后我有一个我应用 dataTables 的 html 表
然后我有这个代码
问题是当我在表单中输入内容时,好像它被自动提交为 dataTables 的搜索字段,然后我可以在 dataTables 搜索字段中看到相同的文本,我不明白为什么
php - 由 Codeigniter 推动的 jQuery 数据表
我使用带有 DataTables Codeigniter 库的 jQuery DataTables 来生成数据。该库是 DataTables 提供的 php 脚本的一个端口。
该脚本只允许我确定几个选项。
我希望能够为一些“特定于行”的函数(如edit
and )添加一列delete
,但 DataTable 库不支持提供经过处理的数据数组。
看来我的下一个选择是一些 jQuery。我想我需要有一个隐藏列来存储关于行的唯一 id,然后为行特定的函数添加一列。这看起来对吗?
任何其他建议或更好的方法都会很高兴听到。
谢谢,彼得
jquery - jQuery Datatables 添加自定义表单元素
我有一个基本初始化的数据表设置。我希望能够在表格下方有复选框和提交按钮。有没有办法自定义表格下方的信息“行”?
如果我只是在表格后添加提交按钮,这就是它的样子
这就是我想要的样子
我需要一个解决 Javascript 开启或关闭的解决方案。
jquery - jQuery 数据表:测试数据表插件是否已初始化
我想检查一个带有 id="datatable" 的表元素是否是数据表初始化的。像这样的东西:
我怎样才能做到这一点?谢谢!