Tag: datatables

php的数据表和json格式错误

我对dataTables和php有点困难。 我以下面的格式回应json: {“iTotalRecords”:10,“iTotalDisplayRecords”:10,“aaData”:[[“1”,“15”,“1”,“长描述长描述长描述”,“2012-02-25 00: 00:00“],[”1“,”15“,”1“,”长描述长描述长描述“,”2012-02-25 00:18:59“] …]} 哪个inst使用我的dataTable,但是在jsonlint.com/中validation了上面的内容后,我得到了以下格式良好的版本: { “iTotalRecords”: 10, “iTotalDisplayRecords”: 10, “aaData”: [ [ “1”, “15”, “1”, “long description long description long description long description”, “2012-02-25 00:18:59” ], … ] } 当我把它放在一个txt文件中时,它加载得很好。 我还注意到在“长描述”部分添加换行符,即使使用上面的那个也不行。 我的猜测是,换行符是json格式的混乱,但是我怎么能在我的PHP脚本中避免这种情况,因为所有内容都是自动换行的? 我在我的echo代码中尝试了\ n但它似乎没有创建换行符。

jQuery DataTables重载间隔错误

我想让我的桌子按时间间隔加载。 我现在收到以下错误: TypeError: g is null 用户将输入表单参数,然后单击具有单击事件的提交按钮。 如下: $(‘.searchSubmit’).on(‘click’, function() { var data = { searchCriteria: { bill: $(‘#import_bill’).val(), ramp: $(‘#import_ramp’).val(), // few other parameters } }; $.ajax({ url: ‘api/railmbs.php’, type: ‘POST’, data: data, dataType: ‘html’, success: function(data, textStatus, jqXHR) { var jsonObject = $.parseJSON(data); var table = $(‘#example1’).DataTable({ “data”: jsonObject, “columns”: [ { “data”: […]

renderDataTable选择包含值> 10的所有单元格并突出显示

我正在创建一个具有用户定义的行数和列数的dataTable。 我想循环遍历表中的所有单元格(减去第一列,其中包含名称),并在值大于10时突出显示/更改CSS.Shiny有一个很好的例子,可以定位特定的列(见下文)。 我假设我需要编写某种jQuery函数? 我是一个完整的jQuery新手,所以我试了一下,而且,它显然没有用(也见下文)。 任何帮助将不胜感激! 定位特定列的shiny示例: rowCallback = I( ‘function(row, data) { // Bold cells for those >= 5 in the first column if (parseFloat(data[0]) >= 5.0) $(“td:eq(0)”, row).css(“font-weight”, “bold”); }’ ) 我尝试编写循环遍历单元格的函数失败了: rowCallback = I(‘ function(row, data) { for each (i in 1:1000) { if (parseFloat(data[i]) > 10.0) $(“td:eq(i)”, row).css(“color”, “red”);} }’)

jQuery DataTables“表中没有数据”并且在排序时表格折叠

我现在也有这个错误,因为这篇文章 “。 并根据post修改了代码,但仍然得到“表格中没有数据。此外,我已经添加了排序按钮,但是,当点击表格卷起来时,没有办法解开它。不知道为什么这不行。提前谢谢 我的jquery函数是 $(function () { $.ajax({ method: “GET”, url: URL + ‘/rents/’ + getParameterByName(‘id’) , dataType: “json”, cache: false, }) .done(function (data) { rentResponse = data.rent $.each(rentResponse, function(i, item) { if (item.activeEntry) { var $tr = $(”).append( $(”).text(moment(item.datePaid).format (‘DD-MMM-YYYY’)), $(”).text(item.paymentType), $(”).text(‘$’+item.amountPaid), $(”).text(‘$0.00’) ).appendTo(‘#datatable tbody’)} }) $(‘#datatable’).DataTable(); }) .fail(function( xhr, status, errorThrown ) { […]

DataTables警告:table id = big_table – 第0行请求的未知参数“0”。

我正在使用jquery datatables插件和codeigniter,同时尝试跟随(大致) http://www.ahmed-samy.com/php-codeigniter-full-featrued-jquery-datatables-part-1/ 。 我收到以下错误: DataTables warning: table id=big_table – Requested unknown parameter ‘0’ for row 0. For more information about this error, please see http://datatables.net/tn/4 在firebug中没有错误,并返回以下JSON: {“draw”:0,”recordsTotal”:3,”recordsFiltered”:3,”data”:[{“id”:”2″,”message_id”:””,”subject”:”Delivery Status Notification (Failure)”,”date”:”2014-07-02 19:34:17″},{“id”:”3″,”message_id”:””,”subject”:”Flying the red, white and blue on YouTube”,”date”:”2014-07-03 19:01:21″},{“id”:”4″,”message_id”:””,”subject”:”Delivery Status Notification (Failure)”,”date”:”2014-07-04 22:34:16″ 我注意到即使记录数(3)是正确的,抽奖也是0。 表本身就是空的。 我怎样才能解决这个问题? 我的控制器: function index(){ //set table id in table […]

在数据表中的可编辑字段中使用Tab键

现在我有一个数据表,有些字段是可编辑的,有些则不是。 我有以下代码(取自表格中可编辑字段之间的标签 ): $(‘#table .select’).bind(‘keydown’, function(evt) { if(evt.keyCode==9) { console.log(“next”); var nextBox=”; var currentBoxIndex=$(“#table .select”).index(this); console.log(“currentBoxIndex”,currentBoxIndex); if (currentBoxIndex == ($(“#table .select”).length-1)) { nextBox=$(“#table .select:first”); //last box, go to first console.log(“nextBox”, nextBox); } else { nextBox=$(“#table .select”).eq(currentBoxIndex+1); //Next box in line console.log(“nextBox”, nextBox); } $(this).find(“#table .select”).blur(); $(nextBox).click(); //Go to assigned next box return false; //Suppress normal […]

JQUery.DataTables自定义filter

在我的ASP.NET MVC应用程序中,我使用jQuery DataTables来列出我的客户端。 我的jQuery版本是3.3.1。 我将此代码用于我的DataTable,它工作正常: 目标是通过另一个搜索输入过滤数据表(应用程序的设计由设计者强加)。 为此,我使用此代码 //Sets the value of the search input of the datatable and triggers the keyup event. It works fine. function filterTable(sender) { var filterText = $(sender).val(); var searchInput = $(“#tbl-data_filter”).find(“input”); $(searchInput).val(filterText); $(searchInput).trigger(“keyup”); } $(document).ready(function() { $(‘#tbl-data’).dataTable(); // These two lines hides related fields. It works. $(“#tbl-data_filter”).hide(); $(“#tbl-data_length”).hide(); }); 当我使用此代码翻译DataTable时,本地化工作正常但搜索输入和行计数下拉保持可见: […]

Jquery Datatables:Jquery弹出框不能在函数下工作 – php mysql

嗨我正在使用行详细信息链接 …我想要一个简单的JQUERY POPUP框(它将通过php mysql显示一些细节)在函数格式下(d) 我的5行上已经有一个JQUERY弹出窗口,请在带有锚标记的“ columnDefs ”下查看 – 这是有效的 我想要另一个JQUERY弹出LINK弹出窗口或任何其他function格式(d) – 但是当我使用任何简单的弹出窗口时… JQUERY弹出窗口不起作用…但是“ columnDefs ”下的第一个弹出窗口是工作正常。 function format ( d ) { return ‘Full name: ‘+d.first_name+’ ‘+d.last_name+”+ ‘Salary: ‘+d.salary+”+ ‘SECOND Another Popup’; } $(document).ready(function() { var dt = $(‘#example’).DataTable( { “processing”: true, “serverSide”: true, “ajax”: “scripts/ids-objects.php”, “columns”: [ { “class”: “details-control”, “orderable”: false, “data”: null, “defaultContent”: […]

DataTables过滤子行

我有一个带子行的DataTable(参见此处的示例: http : //www.datatables.net/examples/api/row_details.html ) search-input调用fnFilter()来过滤表,但它只过滤主行。 我希望filter也可以搜索子行。 我搜索了很多,但没有找到任何解决方案。 有没有办法做到这一点?

滚动到Datatable API中的特定行

我需要滚动到我的数据表中的特定行,如下所示: https://datatables.net/extensions/scroller/examples/initialisation/api_scrolling.html 这是我的代码: …. $(document).ready(function() { tableEntityList = $(‘#accentityListTable’).DataTable({ “ordering”: false, “scrollY”:”120px”, “scrollCollapse”: true, “paging”:false, “dom”:'<ft>’, “deferRender”:true, “scroller”:true, “columnDefs”: [ {“targets”: [ 0 ],”visible”: false} ], “createdRow”: function( row, data, dataIndex ) { if ( data[ 3 ] == “Inp” ) $(row).css(‘color’, ‘green’) else $(row).css(‘color’, ‘red’) if ( data[7] > 0 ) $(row).css(‘font-weight’, ‘bold’) }, […]