Tag: jquery datatables

如何在.draw（）之后维护jQuery DataTables滚动位置: 我正在为一个小表（12行）使用jQuery Datatables插件。一些<input type="text" …字段允许编辑。当输入字段失去焦点时，我需要validation其值并可能更改字段值。我无法在不发出.draw()情况下获取DataTables可识别的修改输入字段值，但这会导致表格滚动到表格顶部。有没有办法在发出.draw（）之后保持当前的滚动位置？ $(‘#mytable’).on(‘blur’, ‘input’, function (e) { var inputFieldId = this.id; var inputFieldVal = $(this).val(); { … perform validation of field value … } $(‘#mytable’).DataTable().rows().invalidate().draw(); }); 编辑我看到有人试图做同样的事情，他们表示以下代码适用于他们。这似乎是一种完成我需要的非常简单的方法，但我总是得到自己的scrollTop = 0。有人看到我如何获得当前所选行的行索引？ var scrollPos = $(“.dataTables_scrollBody”).scrollTop(); $(‘#mytable’).DataTable().rows().invalidate().draw(false); $(“.dataTables_scrollBody”).scrollTop(scrollPos);

jquery数据表选择行的数据在页面上导航时在分页表上重置: 我正在使用jquery数据表。 http://jsfiddle.net/s3j5pbj4/2/我在分页表中填充了大约3000条记录。问题是，如果我在第一页选择了几个复选框和下拉选项并转到下一页（通过点击分页的下一个按钮）和再次回到第一页，选定的数据再次重置（即假设每个分页页面在每个页面上显示10行，如果我在第一页上选择了5行，然后导航到下一页并再次返回到第一页选中行的数据再次重置）。我希望我的用户应该能够看到他在任何页面上做出的所有选择，然后提交。 $(document).ready(function() { var oTable = $(‘#dbResultsTable’).dataTable({ “sPaginationType”: “full_numbers” , “paging”: true, “ordering” : true, “scrollY”:false, “autoWidth”: false, “serverSide”: false, “processing”: false, “bDeferRender”: true, “info”: true , “lengthMenu”: [[10,25,50 ,100, -1], [10,25,50, 100, “All”]], “scrollX”: “100%” , “aoColumns”:[ { “mDataProp”: null}, { “mDataProp”: “operation”} ], “sAjaxSource” : “ResultPopulator”, “bJQueryUI” : true, fnRowCallback : […]

Jquery – DataTables ：仅导出可见行: 我刚开始使用jQuery DataTables。使用DataTables的tableTools，是否可以只导出可见行而不是所有行？例如，如果分页设置为10，我预计只会导出10行。搜索结果也是如此。这是代码的一部分： $(document).ready(function() { var table = $(‘#example’).DataTable({ “pagingType”: “full_numbers”, “iDisplayLength” : 10, dom: ‘Tlfrtip’, “oTableTools”: { “aButtons”: [ { “sExtends”: “copy”, “mColumns”: “visible”, “bSelectedOnly”: true }, { “sExtends”: “xls”, “mColumns”: “visible” }, { “sExtends”: “print”, “mColumns”: “visible” } ], “sRowSelect”: “multi”}, “order”: [[ 0, “asc” ]] } ) ;… 谢谢。

jQuery dataTables – 获取筛选的列值: 我正在使用jQuery dataTable，当用户选择下拉列表时，它会搜索数据表并过滤它并根据搜索到的数据重绘内容： mtTable.columns().each(function() { mtTable.column(22).search(searchVal, true, true).draw(); }); 现在我尝试在搜索完成后获取所有列值，但是我找不到执行此操作的函数。目前我正在使用api var myTable = $(“#tblResults”).DataTable(); var resultsArray = myTable.columns(colIndex).data(); 根据文档，这将返回未经过滤的列中的所有数据。我找不到一个函数来为我提供过滤数据的列值数组。

Jquery DataTable中的滚动问题: 我不确定我是否重复这个问题，如果是正确的地方指导:) 我正在使用Data表并尝试实现Horizontal Scrolling并找到此链接 http://www.datatables.net/examples/basic_init/scroll_x.html 我在我的数据表代码中使用了这些属性，并且在UI中遇到了问题。我的数据得到了水平滚动条，但是我的列没有扩展而且没有按预期工作。我的正常列下面有一个额外的空列。基本上我的UI搞砸了。我看到了同样的老线程讨论！ DataTables固定标题与宽表中的列不对齐这些问题现在解决了吗？ ================================ 添加示例代码 $(“#results”).dataTable({ “aaData”: [ //My data ], “aoColumns”: [ //My Columns ], “bPaginate”: true, “bSort”: true, “bFilter”: false, “bJQueryUI”: false, “bProcessing”: true, “sScrollX”: “100%”, “sScrollXInner”: “110%”, “bScrollCollapse”: true });

数据表 – 在回调后保留选定的页码: 我有一个数据表，我应该在其上更改一些内容，例如我想要更改内容的状态，但此内容位于表格的第3页。当我更改它时，数据表会刷新到第1页。我要做的是保留选定的页码并在刷新后回拨。那可能吗？顺便说一下，我正在使用数据表1.9.4 编辑：解决方案我所做的只是将页码保存在我在datatable中的每个动作中，然后将其发送到Controller，然后通过TempData使用它。如果有人需要解决方案，请告诉我，我可以解释得更详细。

JQuery DataTables服务器端分页: 在我的web-app中，我使用JQuery DataTables插件来显示从数据库中检索的数据。我目前正在使用客户端分页，但我的表中的数据正在增长很多，并且在ASP.NET页面中加载现在变得有点慢。所以我打算切换到服务器端分页。我知道DataTables插件支持它，但搜索我没有发现没有明确实现它。我的主要疑问是：如果我在服务器端实现分页，我还必须实现排序，或者我可以将它委托给客户端？你有没有经历过这个？注意我使用Linq to SQL连接到我的数据库

使用其他参数更新服务器处理的DataTables源: 我正在尝试在单击“ 提交”输入按钮时将其他参数（所选复选框列表）传递给服务器处理的DataTables表#my_table ：这可能意味着我必须将my_table.sAjaxSource设置为后端脚本以及已编辑的复选框列表，然后调用my_table.fnDraw（）？我准备了一个非常简单的测试用例 – test.php ：和index.html ： @import “/css/demo_table_jui.css”; @import “http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/jquery-ui.css”; ; ; $(function() { my_table = $(‘#my_table’).dataTable( { bJQueryUI: true, bServerSide: true, bProcessing: true, sAjaxSource: ‘/test.php’ } ); }); var my_table; function redrawTable() { var str = ”; var boxes = new Array(); //loop through all checkboxes $(‘:checkbox’).each(function() { if […]

数据表明确了: 我有一个HTML表，我填写了来自AJAX jQuery调用的数据。这个表使用jQuery插件 – 数据表进行分页，排序等。从下拉列表更改事件中调用jQuery调用 $(“#Dropdownlist”).on(“change”, function () { $.ajax({ type: “POST”, url: “@Url.Action(“Action”, “Controller”)”, //contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (data) { $.each(data, function (key, item) { $(“tbody”).append(“appending data here”); }); $(‘#table’).dataTable().fnDestroy(); $(‘#table’).dataTable({ “aoColumns”: [ { “bSortable”: false }, null, null, null, null, null ] }); } }) }); 这个jQuery已被编辑以缩短它。这个jQuery工作得很好，它获取数据并将它们添加到新表行中，同时还更新数据表插件以使其适用于新数据。问题是旧的数据仍然存在，我一直试图用各种各样的东西清理它 $(“#tbodyID […]

使用AngularJS的数据表中的单元格按钮: 我正在使用angularjs建立一个网站，我从网络服务获取数据。我需要将该数据填充到数据表中，并为每一行创建一个编辑按钮。经过一番调查后，我想出了这个问题是ng-click不起作用可能是因为我需要编译注入表格单元格的html。我已经尝试了几种方式，但不幸的是我仍然是一个非常新的角度，我似乎不明白我是如何做到这一点。我真的需要帮助。这是我的指示： dialogApp.directive(‘myTable’, function ($compile) { return { restrict: ‘E, A, C’, link: function (scope, element, attrs, controller) { var dataTable = element.dataTable(scope.options); scope.$watch(‘options.aaData’, handleModelUpdates, true); function handleModelUpdates(newData) { var data = newData || null; if (data) { dataTable.fnClearTable(); dataTable.fnAddData(data); } } }, scope: { options: “=” } };}); 控制器： […]