Tag: datatable

Struts2 + Bootstrap数据表：如何在不加载所有数据的情况下进行分页: 我正在使用Struts2框架的一些应用程序中工作，我在一些List加载了我们需要的所有数据，然后在JSP文件中，这个列表被迭代并使用bootstrap框架显示在数据表中。这工作正常，但我知道如何在不加载生成的HTML中的完整数据的情况下执行此操作，就像我有1.000.000（一百万）条记录一样。我不希望所有记录都在JSP的结果HTML输出中，只有10个首先，并且如果需要，则使用分页加载（使用jQuery？）数据集的其余部分。

获取错误 – TypeError：DataTable.fnDestroy不是函数: 我有以下使用数据表的代码 Contact.dataTable = $(‘#table’).dataTable( { …………. }, $(‘#table tbody’).on(‘click’, ‘.position’, function () { var row = this.parentElement; var data = Contact.dataTable.row(row).data(); … } 由于上面的代码给出错误”TypeError: Contact.dataTable.row is not a function” ，我已经将每个dataTable更改为DataTable 。但现在它给出错误”TypeError: Contact.DataTable.fnDestroy is not a function” 。下面是给出错误的代码 Contact.DataTable = $(‘#table’).DataTable( { …………. }, $(‘#table tbody’).on(‘click’, ‘.position’, function () { var row = this.parentElement; […]

蒲公英数据表无法加载jquery-ui: 最近我安装了蒲公英数据表1.1.1，无法弄清楚如何激活核心库附带的jquery-ui。我需要使用datepicker。在我的项目中使用以下架构： src web |__ resources |__ css |__ js |__ WEB_INF |__ views |__ … html views |__ spring-servlet.xml 我通过以下方式在spring-servlet中加载蒲公英资源：在js文件夹中我有datepicker-init.js： $(document).ready( function () { $( “#datepicker” ).datepicker({ changeMonth: true, changeYear: true }); } ); 然后我尝试在我的标题中加载此脚本然后在我的html页面上使用它： …. 但得到未捕获的ReferenceError：浏览器控制台中的$ is not defined错误。我知道发生此错误是因为未定义jquery-ui，但我无法在标头中加载脚本：因为在这种情况下jquery脚本加载了两次。我在这里发现了类似的问题，但我想，可以在没有资产包的情况下加载jquery-ui，但仍然无法弄清楚如何做到这一点。其他一切都很好。浏览器控制台

使用分页时，使用DataTable在MVC中使用实体提交模型失败: 我想使用实体提交模型，但在使用DataTable插件时切换到另一个页面时控制器没有接收实体。视图： using (Ajax.BeginForm(“EditLeads”, new { mode = Model.leadMode }, new AjaxOptions { OnBegin = “displayAllDataTable”, UpdateTargetId = “leadDisplay”, LoadingElementId = “spinner”, OnSuccess = “refreshLeadsAfterRemovingAndTabSwitching” }, new { id=”dataTableForm”})) { Select Date added Contact name Contact number Email Source Status Assigned to user: Back up user: Comments @for (int i = 0; i < Model.leadsList.Count; […]

使用Ajax和PHP进行简单的DataTable初始化: 我在使用Ajax和PHP初始化DataTable时遇到了一些麻烦。据检查员说，错误是： Uncaught TypeError: Cannot read property ‘length’ of undefined jquery.dataTables.js:2649 (anonymous function) jquery.dataTables.js:2649 oSettings.jqXHR.$.ajax.success jquery.dataTables.js:8749 c jquery.js:3048 p.fireWith jquery.js:3160 k jquery.js:8235 r jquery.js:8778 我按照数据表网站上的说明进行操作，但显然我做错了。它不是php部分，我刚刚检查过它并且它返回了一个json文件。这就是我所拥有的。提前致谢。 Chromo Insiders @import ‘DataTables/media/css/demo_table_jui.css’; Chromo Insiders email Last Name First Name Date Registered 这是脚本： $(document).ready(function(e) { $(‘#datatables’).dataTable( { “bProcessing”: true, “sAjaxSource”: ‘process.php’ } ); }); 万一你需要看看PHP代码： prepare($sql) […]

数据表“footerCallback”function不在页脚中显示结果: 我试着得到每列的总和，并在页脚中显示结果。我正在使用Datatables提供的“footerCallback”function。但是它没有在页脚中显示任何内容 Datatables解释道 “请注意，如果表没有tfoot元素，则不会触发此回调。” 所以我已经将tfoot添加到表中，因此将触发回调回调function： “footerCallback”: function ( tfoot, data, start, end, display ) { var api = this.api(), data; // Remove the formatting to get integer data for summation var intVal = function ( i ) { return typeof i === ‘string’ ? i.replace(/[\$,]/g, ”)*1 : typeof i === ‘number’ ? i […]

如何在Datatable Server Side处理中加载额外的Javascript？: 我正在使用Datatable.net 1.10，服务器处理。这一切都很好，工作正常，但我不能让其他javascript在数据表中工作。例如，我使用tippy.js在表中生成了很好的工具提示。这在客户端处理时运行良好，但在使用服务器端处理时完全忽略了javascript。这是我用于数据表的Javascript（缩短了一点）： function myDataTableAjax_Accident(id, actionURL) { var areaDDL = document.getElementById(‘_AreaDDl’); var areaID = areaDDL.options[areaDDL.selectedIndex].value; var incidentStatusDDL = document.getElementById(‘_IncidentStatus’); var incidentStatusID = incidentStatusDDL.options[incidentStatusDDL.selectedIndex].value; var incidentKind = document.getElementById(‘incidentKind’).value; $(‘#’ + id).DataTable({ dom: //cut for shortness , serverSide: true , processing: true , pageLength: 100 , deferRender: true , ajax: { url: actionURL, type: […]

如何使用GUID主键将数据加载到数据表中？: 在我的项目中，我使用了数据表库来显示数据。但我遇到了问题。事实上，如果我的主键类型为int的数据。它工作正常，但我有“guid”主键。它会显示一些错误。我已经使用了身份进行授权和授权，因为您知道身份已经使用guid类型作为主键。当我想从控制器数据表中获取数据时，UserId出现了问题，因为UserId是“ guid ”的类型。这是GetUsers()控制器的一个简单示例，我使用了userId类型的int。 public ActionResult GetUsers() { List userView=new List(); var userNew=new UserViewModel { UserId = 1, UserName=”info.98@gmail.com”, FirstName=”alex”, LastName=”leyonan”, Gender=true, Email =”info.2000@gmail.com”, IsActive =false, PhoneNumber=”111111111111″, Address=”USA”, }; userView.Add(userNew); return Json(new { data = userView }, JsonRequestBehavior.AllowGet); } ================================================== $(document).ready(function () { var oTable = $(‘#example’).DataTable({ “ajax”: “/Users/GetUsers”, “columns”: [ { “data”: […]

数据表服务器端处理分页问题: 我正在尝试使用我的rest API使数据表很好地运行。让我说明蝙蝠的权利： “REST api不会改变！使用服务器端处理时，datatables希望发送特定的查询参数，并期望返回特定的格式。对我来说，这就是公牛。没有人想要修改他们的后端以匹配第三方库的约定（虽然，我想，提供默认值很好）。我这样设置了我的桌子： { “processing”: true, “serverSide”: true, “ajax”: { “url”: “/api/customers/”, “dataSrc”: “results”, “data”: function (data, settings) { // Modify query parameters to match my API data.page = … data.page_size = … return data } }, … } 如您所知，我已使用ajax.data属性来管理来自API的表请求。这很棒。奇迹般有效。当响应返回时，它看起来像这样 { “count”: 85, “next”: “http://myurl.com/?page=2”, “previous”: […]

DataTable – 在jQuery中获取所有选定行的简便方法: 我如何从jQuery DataTable （ https://datatables.net ）获取所有选定的行。这里在stackoverflow中找到了计算所选行的方法，但是我需要将选定的行数据抛到下一个JavaServletPage来使用它。我的DataTables代码配置： $(document).ready(function() { var lastBksId = null; var rowClass = “odd” var table = $(‘#table_view’).DataTable({ scrollX: true, scrollY: ’76vh’, order: [[ 0, “desc” ]], scrollCollapse: true, paging: false, info: false, ordering: false, searching: false, fnRowCallback: function(row, data, index){ if (lastBksId == null){ lastBksId = data[0]; } if (lastBksId == […]