Tag: datatables

Jquery数据表datetime-moment插件未正确排序: 我有以下大型html表： https ： //gist.github.com/hbizira/21016ff3df67fdae3969 我正在使用datetime-moment数据表插件。在上面的文件的末尾，我有以下javascript代码： $(document).ready(function() { $.fn.dataTable.moment( ‘MM/DD/YYYY hh:mm A’); window.dataTable = $(‘#leads’).dataTable({ displayLength: 25, lengthChange: false, statesave: false }).columnFilter([ { column_number: 1, filter_type: “range_date”, filter_container_id: “leads_filter_date_range”, filter_default_label: [ “From”, “To” ] }, { column_number: 11, filter_type: ‘custom_func’, custom_func: customStatusFilter, data: [ { value: ‘pending’, label: ‘Pending’ }, { value: ‘qualified’, label: ‘Qualified’ […]

从Ajax调用中删除DataTables中的行: 我有一个DataTables（datatables.net）表设置，它有一个自定义列，我有不同类型的操作的图标。其中一个操作是删除，我不想将数据重新加载到表中，所以我想知道是否有任何内置函数用于在本地删除数据表行（所以我的脚本删除服务器上的实际post然后我可以删除数据表中的同一行）。经过一些研究，我发现了“fnDeleteRow”，但我不知道如何使用它。在我的脚本中，我有一个ajax调用，并且在成功事件中我想删除该行，但是我无法确定哪个行有点击该链接。以下是我现在所处的位置： function Delete(id) { $.ajax({ url: “ajax/ajax.php”, type: “POST”, data: { action: “delete”, id: id }, success: function(response){ oTable = $(‘#table’).DataTable(); var row = oTable.closest(‘tr’); var nRow = row[0]; oTable.DataTable().fnDeleteRow(nRow); }, error: function (response) { alert(“Something went wrong.”); console.log(response); }, }); }; 这将在控制台中打印以下内容： TypeError: oTable.closest is not a function 我是jQuery的新手，不知道如何实现这个问题。你们有谁有任何想法？ […]

dataTables生成多个服务器端请求: 我正在使用dataTable jquery插件启用服务器端处理。使用fnReloadAjax函数时，隐藏处理div和显示新数据之间会有2-3秒的延迟。这是关于这个问题的post 。我发现这是由于datatable发出的多个服务器请求。在我的页面onchange事件中，一组单选按钮正在向服务器调用新数据，如下所示 oTable.fnReloadAjax(“getCaseList?caseStatus=xxx&showValidOnly=true”); 在firebug控制台中，我看到两个请求一个接一个地发出 GET https://localhost/getCaseList?caseStatus=xxx&showValidOnly=true&_=1363611652185 GET https://localhost/getCaseList?caseStatus=xxx&showValidOnly=true&sEcho=4&iColumns=9&sColumns=&iDisplayStart=0&iDisplayLength=100&sSearch=&bRegex=false&sSearch_0=&bRegex_0=false&bSearchable_0=true&sSearch_1=&bRegex_1=false&bSearchable_1=true&sSearch_2=&bRegex_2=false&bSearchable_2=true&sSearch_3=&bRegex_3=false&bSearchable_3=true&sSearch_4=&bRegex_4=false&bSearchable_4=true&sSearch_5=&bRegex_5=false&bSearchable_5=true&sSearch_6=&bRegex_6=false&bSearchable_6=true&sSearch_7=&bRegex_7=false&bSearchable_7=true&sSearch_8=&bRegex_8=false&bSearchable_8=true&iSortingCols=1&iSortCol_0=4&sSortDir_0=desc&bSortable_0=false&bSortable_1=true&bSortable_2=true&bSortable_3=true&bSortable_4=true&bSortable_5=true&bSortable_6=true&bSortable_7=true&bSortable_8=true&_=1363611701804 处理div在第一个请求完成后被隐藏，但只有在第二个请求完成后才加载新数据。为什么数据表可以进行第二次额外通话？

datatables + lengthMenu +所有+服务器端处理+无法正常工作: 这是一个基本的数据表小提琴。这是默认值，下拉菜单将显示以下Show options 10, 25, 50, 75 and 100 records: 10,25,50,75 Show options 10, 25, 50, 75 and 100 records: 现在我想要工作的是”lengthMenu”: [ [10, 25, 50, -1], [10, 25, 50, “All”] ]我可以在这个小提琴中。但是，如果我使用服务器端处理，那么All选项对我来说不起作用。其他人呢。当我选择All时，它显示它显示的数据，并在底部显示No data found in the server 据我所知，唯一的区别是数据来自服务器。任何人都可以建议我怎么能麻烦拍这个？据我所知，当我选择All我发送length:-1和10它是length:10所以不确定为什么All都不工作 $(document).ready(function() { var dataTable = $(‘#employee-grid’).DataTable( { “lengthMenu” : [[ 10, […]

从JQuery Datatable中删除特定行: 我的JSP页面中有三个JQuery DataTables在不同的选项卡上，我想要显示几乎相同的表，稍作修改。第一个选项卡上的表格如下： ${alist.A} ${alist.B}</td ${alist.C} ${alist.D} 现在，第二个选项卡上的第二个表： ${alist.A} ${alist.B}</td ${alist.C} ${alist.D} 第三个表格如下： ${alist.A} ${alist.B}</td ${alist.C} ${alist.D} 现在，在第一张桌子上，我想展示一切。在第二个表中，我想只显示在最后一列中具有“是”作为其值的行，而第三个表显示在最后一列中具有“否”作为其值的所有行。另外，有些行既没有“是”也没有“否”。他们可以被完全忽略。为此，我尝试将其实现为： $(function(){ var firstTable = $(‘#firstTable’).DataTable(); var secondTable = $(‘#secondTable’).DataTable(); var thirdTable = $(‘#thirdTable’).DataTable(); $.fn.dataTable.ext.search.push( function(settings, data, dataIndex) { return $(firstTable.row(dataIndex).node()).attr(‘data-user’) == ‘YES’; }); secondTable.draw(); $.fn.dataTable.ext.search.push( function(settings, data, dataIndex) { return $(secondTable.row(dataIndex).node()).attr(‘data-user’) == ‘NO’; […]

jquery数据表从选定的行中获取数据: 我有一个jquery数据表，并有复选框，将行选择类设置为选定的行。但是，当我尝试从这些选定的行中获取第一列数据时，它会为我提供对象。我无法解决问题激发在数据表和堆栈溢出论坛上的主题上经过一些post。代码如下。此致，Arjun HTML： Request ID Request Date Leave Type Start Date End Date Status Javscript $(“#check_all”).click(function () { $(“.checkBoxClass”).prop(‘checked’, $(this).prop(‘checked’)); }); $(“.checkBoxClass”).change(function(){ if (!$(this).prop(“checked”)){ $(“check_all”).prop(“checked”,false); $(this).closest(‘tr’).removeClass(‘row_selected’); } $(this).closest(‘tr’).addClass(‘row_selected’); }); function sendval(){ var apprReq = []; var rejReq = []; var otable = $(‘#mytable’).DataTable(); var aTrs = otable.rows(); for ( var i=0 ; […]

返回Json.Stringfy结果: 我有这段代码： $.getJSON(‘http://myjsonurl’, function(json){console.log(JSON.stringify(json.columns)); }); 这将从我的json响应中返回控制台中所需的全部内容。我的目标是将这个值转换为函数，以便我可以在另一个地方调用它。（例如： “columns” : getColumns(); 所以我正在制作这样的函数： function getColumns() { $.getJSON(‘http://myjsonurl’, function(json){return JSON.stringify(json.columns); }); } console.log(getColumns()); // and then call the function in the console log expecting to see the same result as before. 但我得到的只是未定义。为什么？更新：这就是我实现我想要的方式。以下代码将基于具有数据和列的json响应重新启动数据表（本地不支持数据表的内容）。代码将使用新的查询参数重新加载表，并包含按钮插件： var theurl; theurl = “http://myjson.json”; function updateQueryStringParameternondt(key, value) { var […]

服务器端处理的DataTable上的“列索引”: 有谁知道如何将列索引添加到服务器端处理的DataTable ？基本上像http://www.datatables.net/examples/api/counter_columns.html ，但是此示例按客户端构建索引，使用公共服务器端版本不支持该索引。作者艾伦给出了三个提示，但实际上我没有得到它：修改服务器上的数据（理想的解决方案）修改从服务器返回的数据编辑绘图回调函数以考虑页面开始位置。我跌跌撞撞地跌跌撞撞 – 我不知道如何开始以及如何做到这一点。你能帮我一下吗？那将是真棒！

在DataTables中启用Scroll X时，底部搜索禁用: 我在数据表中尝试数据显示https://datatables.net/ 我可以显示从MYSQL到Datatables的数据，但我希望数据表中的列显示全部这个图像，你可以看到有1列，必须点击按钮加，如果显示很多列。我已经搜索，在数据表中启用滚动X https://datatables.net/examples/basic_init/scroll_x.html 当我把代码“scrollX”：我的代码中的true 并添加jquery https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js 这样的结果，你可以看到我在底部的输入搜索已被禁用。和我的模板数据表不起作用。我很困惑解决它:( 我想显示我的所有数据，使用scroll-x和模板数据表，搜索底部，仍然可以工作。在线演示测试： http ： //gajelos.tk/test/index.php 这是我的代码 Tambah Data Action SIM Nama Berlaku (SIM) Jenis Plat Nomor Berlaku (Kendaraan) Action SIM Nama Berlaku (SIM) Jenis Plat Nomor Berlaku (Kendaraan) var dTable; // #Example adalah id pada table $(document).ready(function() { dTable = $(‘#example’).DataTable( { “bProcessing”: true, […]

hover缩放不适用于数据表的第二页: 我在databale的最后一列显示了img缩略图 $.each(data,function(i,d){ d[‘index’]=i+1; url = url d[“ad_image”] = ” }) table = $(‘#datatable4’).dataTable({ ‘paging’: true, ‘ordering’: true, ‘info’: true, “destroy”: true, “aaData” : data, aoColumns: [ { mData: ‘index’ }, { mData: ‘ad_title’ }, { mData: ‘ad_details’ }, { mData: ‘ad_image’ }, ] }); img-zoom class css： .img-zoom { width: 310px; -webkit-transition: all .2s ease-in-out; […]