Tag: datatable

无法使用jquery.cookie保留复选框值

我使用jQuery DataTable ，工具栏上有一个checkbox ，用于检索所有记录。 由于DataTable stateSavefunction无法正常工作，我尝试使用jquery.cookie以便在重新加载DataTable后保留复选框值（因为每次重新加载都会动态重绘复选框），如下所示： $(document).ready(function() { $(‘#example’).DataTable( { //code omitted for brevity “serverSide”: true, “ajaxSource”: “/Student/GetStudents”, “fnServerData”: function (sSource, aoData, fnCallback) { /* Add some extra data to the sender */ aoData.push({ “name”: “isAll”, “value”: $(“#cbIsAll”).is(“:checked”) }); $.getJSON(sSource, aoData, function (json) { /* Do whatever additional processing you want on the callback, then […]

更改jQuery数据表中显示的行数

为什么jquery datatable的行数（请参阅下面的代码）未设置为5？ 它默认等于10 8as）。 为什么’iDisplayLength’: 5在这里不起作用？ function loadData() { $.getJSON( ‘modules/getData.php’, function(data) { var oTable = $(‘#newspaper-b’).dataTable({ “sPaginationType”:”full_numbers”, “aaSorting”:[[3, “asc”]], “bJQueryUI”:true, ‘iDisplayLength’: 5, ‘bLengthChange’: false }); oTable.fnDraw(); var list = data.flights; var textToInsert = ”; for (var i = 0; i < list.length; i++) { aux = list[i]; textToInsert += '’; textToInsert += aux.Var1; textToInsert […]

在同一数据集中具有父子关系的JQuery Datatable。 如何在表中将其显示为父子行？

我有一个嵌套的数据集。 数据集中的少数记录是同一数据集中其他记录的子记录。 父级为null的记录没有任何子元素，但具有与之关联的值的记录将在同一数据集中指示其父级。 如何在具有父子关系的jQuery Datatable中表示这一点。 我刚刚操纵了公共数据集来解释我的要求。 与下面的数据集示例一样，Record with Name – Tiger Nixon有两个子记录，它们在同一数据集中作为单独的记录。 如何实现的一个例子将有很大帮助。 { “data”: [ { “name”: “Tiger Nixon”, “parent”: “null”, “position”: “System Architect”, “salary”: “$320,800”, “start_date”: “2011/04/25”, “office”: “Edinburgh”, “extn”: “5421” }, { “name”: “Garrett Winters”, “parent”: “Tiger Nixon”, “position”: “Accountant”, “salary”: “$170,750”, “start_date”: “2011/07/25”, “office”: “Tokyo”, “extn”: “8422” }, { “name”: “Ashton […]

在网格视图中动态添加新行或在asp.net中添加数据表？

我使用数据表绑定网格视图。 我的任务是在用户单击网格视图中的“添加”按钮时动态地向网格视图添加新行，它应生成带有三个文本框的新行。 例如：当我单击第二行中的“添加”按钮时，应在第二行下方创建一个新行，其中包含三个文本框，用户可以在其中输入详细信息。 任何人都可以帮我解决这个问题吗？ 无论是在jQuery / JavaScript中还是在服务器端。

使用jquery将DataTable传递给Json

我正在尝试执行一个Web服务，该服务使用以下代码返回DataTable： $.ajax({ type: “POST”, url: url, data: data, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function(msg) { //do things } }); 如果webservice返回一个类，那么它就可以工作，因此它与输入参数等无关。它只在web方法返回一个数据表时失败（数据表只有2列和2行用于我正在进行的测试）。 WebService类使用[ScriptService]属性进行修饰，因此我认为ASP.NET会自动将返回值序列化为JSON。 它似乎不适用于数据表。 我发现的唯一解决方案是返回一个字符串（一个手动JSON序列化对象），但这样做对我来说似乎不对。 我正在使用Visual Studio 2008和.Net 3.5

如何在Serversatable中实现与服务器端的分页获取api

我有一个服务器分页的api， http://demo.example.com?offset=0&limit=10 我如何在Datatables中实现。 我试过下面但没有成功 $(‘#example’).dataTable( { “ajax”: { “url”: “data.json”, “dataSrc”: function ( json ) { for ( var i=0, ien=json.length ; i<ien ; i++ ) { json[i][0] = 'Next Page’; } return json; } } } );

无法在jQuery Datatable中列出详细信息数据

我在我的ASP.NET MVC项目中遵循了jQuery Datatable – Sliding child rows示例（只看了那页上的“Complete code”部分），我可以正确地列出master和static details数据。 但是，当我想通过AJAX动态检索细节数据时，由于错误TypeError ，我无法正确列出它们：table.fnOpen不是函数 。 有一个解决方案将D ataTable改为d ataTable，但在这种情况下我遇到了另一个错误。 问题正是在click和format方法上，我认为我的定义错了。 你能不能看看并澄清我的错误在哪里？ 提前致谢… function format(d) { return ” + ” + ” + ‘Name’ + ‘Surname ‘ + ‘Number’ + ” + ” + ” + d.StudentName + ” + ” + d.StudentSurname + ‘ ‘ + ” + d.StudentNumber […]

jQuery DataTable：在表头上搜索单个列

我已按照单个列搜索（文本输入）和单个列搜索（选择输入）上的步骤在jQuery DataTable上使用多个filter，并且页脚上有多个filter。 另一方面，我想将这些filter移动到DataTable的标题，但不能将它们水平对齐，如下图所示。 有一些例子是自定义过滤 – 范围搜索 ，但它们也没有对齐。 是否有可能做到这一点？ $(document).ready(function() { // Setup – add a text input to each footer cell $(‘#example tfoot th’).each( function () { var title = $(this).text(); $(this).html( ” ); } ); // DataTable var table = $(‘#example’).DataTable(); // Apply the search table.columns().every( function () { var that = this; $( […]