Tag: datatables

数据表服务器端。异步发送额外参数: 我正在使用Datatables进行服务器端处理。我可以向服务器发送额外的参数，但只有在第一次加载表时或者由于过滤，排序等重新加载表时才会发送它们。我希望将额外的参数发送到服务器每次我从选择字段中选择一个值。我怎样才能实现这种行为？提前致谢。这是我的datatables脚本 $(document).ready(function() { $(‘#tabla’).dataTable( { “sDom”: ‘rt’, “processing”: true, “serverSide”: true, “sPaginationType”: “full_numbers”, “bProcessing”: true, “sAjaxSource”: “server_side3.php?action=table_data”, “bDeferRender”: true, “aLengthMenu”: [10, 25, 40], “contentType”: “application/json; charset=utf-8”, “dataType”: “json”, “fnServerParams”: function ( aoData ) { aoData.push( { “name”: “year”, “value”: $( “#year option:selected” ).text() } ); }, language: { url: ‘//cdn.datatables.net/plug-ins/380cb78f450/i18n/Spanish.json’ } […]

重新加载数据表时双重调用ajax: 我有一个像这样的数据表： var _initTable = function() { $(‘#datatablesresults tr’).not(‘:first’).on(‘click’, function() { var dateandtime = $(this).find(‘:nth-child(3)’).text(); window.location.href = ‘/results/detail/dateandtime/’ + dateandtime; }); }; $(‘#datatablesresults’).dataTable({ bProcessing : true, sProcessing : true, bServerSide : true, sAjaxSource : ‘/results/load-results’, fnServerParams: function ( aoData ) { aoData.push( {“name”: “quizid”, “value”: quizid },{ “name”: “questionid”, “value”: questionid } ); }, aoColumnDefs : […]

添加指向数据表的链接以获取更多信息: 我有这个代码清单，我想添加一个指向datatables的链接，我收到一个错误：DataTables warning（table id =’example’）：从第0行的数据源请求未知参数’3’，当我点击好吧，它没有加载我添加的链接，这是我的代码 $(document).ready(function() { var oTable = $(‘#example’).dataTable( { “bProcessing”: true, “sAjaxSource”: “”, “aoColumns”: [ { “mData”: “bank_id” }, { “mData”: “bank_name” }, { “mData”: “absolute_amount” }, { “fnRowCallback”: function( nRow, aData, iDisplayIndex ) { $(‘td:eq(3)’, nRow).html(‘operations/display/’ + aData[0] + ‘”>’ + aData[0] + ”); return nRow; } }, ] } ); } […]

数据表不会创建某些行: 有一个回调不创建特定的行？这是我的数据表对象： $(‘#table’).DataTable({ dom: “t”, autoWidth: false, serverSide: true, aaSorting: [[8, ‘desc’]], beforeCreatedRow: function(row, data) { if ( data.field == “OFF” ) { // DON’T CREATE THIS ROW } }, rowId: ‘id’, lengthChange: false, iDisplayLength: 10, columns: [ {data: “column1”}, {data: “column2”}, {data: “column3”}, {data: “column4”}, {data: “column5”}, {data: “column6”} ] }); 我仅使用beforeCreatedRow事件作为示例。我不确定这个事件是否存在。它只是告诉你我需要什么。 […]

datatables使用fnAddData或类似的方法动态添加行，并将类添加到特定列: 好的我正在尝试使用数据表动态地向已呈现的表添加新行。到目前为止，我所拥有的是 oTable.fnAddData([“D:\Exlab”, ‘[Edit] [Delete]’]); 这适用于添加单行（如果有人知道如何使用类似的函数来添加多行而不运行可能是奖励的循环）。但是我希望在这种情况下有一个特定的列，第二列有一个特殊的类，是否有一种方法可以将类添加到即时添加的列中？

如何在数据表中的长度菜单旁边添加选择下拉列表？: 我想在长度菜单旁边添加一个自定义下拉filter，如下图所示我尝试过 var product = ‘ConsolesPeripherals’; var config = { “bProcessing”: true, “bServerSide”: true, “sAjaxSource”: “http://localhost/app/get_products”, “fnDrawCallback”: function() { if($(‘.dataTables_length’).find(‘#product’).length < 1){ $('.dataTables_length').append(product); } }, "fnServerParams" : function ( aoData ) { var type = $("#product").val(); aoData.push({ "name": "type", "value": type }); }, "fnServerParams" : function ( aoData ) { var type = $("#product").val(); aoData.push({ […]

Jquery dataTable可编辑单元格: 我放弃了，因为我在过去的4个小时里一直在搞乱这个问题，而我却无处可去。使用此处找到的jquery数据表时。 http://datatables.net/examples/api/editable.html （看起来像一个非常受欢迎的插件）除了可编辑的单元格部分外，我几乎可以获得我想要工作的所有内容。我有这个顺序的文件然后我有这个脚本来初始化表。 function formattable(thistable) { //alert(thistable + ” from format table”) // $(document).ready(function () { // ADPControlProcessor_Table1 //$(“#ADPControlProcessor_GridView1”).dataTable(); var oTable = $(“#ADPControlProcessor_GridView1″).dataTable({ //”bFilter”: true, “sScrollY”: “200px”, “bPaginate”: false, “bAutoWidth”: false, “sDom”: ‘Rlfrtip’ //}); //alert(“running”); }); //var oTable = $(‘#example’).dataTable(); /* Apply the jEditable handlers to the table */ $(‘td’, oTable.fnGetNodes()).editable(‘../examples_support/editable_ajax.php’, { […]

DataTables“无法读取未定义的属性’destroy’: 我想创建一个函数来创建一个新的DataTable。如果表已经存在，我希望我的函数破坏现有表并创建新表。我这样做了： $.ajax().done(function(response){ Init_DT(response[‘cols’], response[‘data’]); }); function Init_DT(cols, data){ if($(‘#mytable tr’).length > 0){ table.destroy(); } var table = $(‘#mytable’).DataTable({ “data”: data, “columns”: cols }); } 这个函数可以很好地启动我的第一个表，但是在后续调用中我得到“无法读取’未定义的属性”。

jquery DataTables父行和子行作为一个记录而不是两个记录发布到服务器: 我有一个问题， jquery DataTables在resize（响应DataTable）上创建父行和子行，我需要保存子行和父行的输入值，并通过ajax发送到控制器操作。响应（resize）DataTable：正常（未resize）DataTable：目前我正在使用此jquery函数将数据发布到服务器： $(‘#SaveItemButton’).click(function (e) { var arr = []; var rows = $(‘#ItemTable’).find(‘tbody’).find(‘tr’); console.log(rows.length); $.each(rows, function (index, item) { var controls = $(this).find(‘input, select’); console.log(controls.length); item = { ItemType: controls.eq(0).val(), Unit: controls.eq(1).val(), Quantity: controls.eq(2).val(), Price: controls.eq(3).val(), InvoiceDate: $(‘#InvoiceDate’).val(), TransferDate: $(‘#TransferDate’).val(), TransferPlace: $(‘#TransferPlace’).val(), InvoiceDescription: $(‘#InvoiceDescription’).val() }; arr.push(item); }); $.ajax({ url: ‘/Item/Add’, data: […]

Jquery数据表插件，在排序/过滤数据后显示“表中没有数据”: 我使用JSON格式从服务器获取数据以填充DataTables表。在$().ajax函数的Success部分中，我检查了并且响应成功了。这是我桌上的小提琴：从服务器返回的Json文件样本如下： { “data”: [ { “__type”: “TEST1.Campaign”, “BookingID”: 0, “CatalogueNumber”: “IEM201343000007”, “CampaignId”: 34, “StartTime”: “/Date(1438437600000)/”, “EndTime”: “/Date(1440079200000)/”, “DurationPlayout”: 3, “AdDuration”: 5, “CampaignType”: “facebook”, “Stations”: [ “7mate.brisbane.au”, “eleven.brisbane.au”, “nine.brisbane.au” ], “Client_ID”: 192, “ContactID”: 5851, “AdvertiserID”: 9228, “Active”: true, “SModified”: null, “DSP”: “SiteScout”, “ClientName”: “”, “AdvertiserName”: “HA Consulting”, “ContactName”: “Aisling Bannan” } ] […]