Tag: datatables
当初始化用于多个表时，如何获取当前表id以添加到ajax数据？
我对具有相同类但具有不同id属性的多个表进行了以下初始化： var $table = $(‘table.jobs’); $table.DataTable({ …. ajax: { url: ‘/my-url’, dataSrc: function (json) { return json.data }, data: function(data) { data.table_id = $table.attr(‘id’); // gives the same id for all tables } }, … }); 有没有办法可以识别哪个表发送ajax请求？ 我试图避免重复每个表的整个初始化。
jquery datatable到highcharts
“大家好。我想知道如何动态地从下面的代码中将jataery数据表值传递给高图。像xAxis和2 yAxis这样的变量”。 我应该说有超过3列，但不包括在这里。 mySql将数据提供给php，它返回值作为数据表的json格式。 当然，Highcharts可以使用此信息而无需再次调用mysql。 Date Generated kW Efficiency % $(document).ready(function() { var table = $(‘#chartdaytable’).dataTable({ “bProcessing”: true, “sAjaxSource”: “../../php/ChartDayTable.php”, “bPaginate”:true, “sPaginationType”:”full_numbers”, “iDisplayLength”: 25, “aaSorting”: [[ 0, “desc” ]], “aoColumns”: [ { mData: ‘date’ } , { mData: ‘day_energy’ }, { mData: ‘efficiency’ } ] }); $(‘#chartgen’).highcharts({ data: { table: ‘chartdaytable’, endColumn: 2, }, chart: […]
行数据消失在Datatables上？
所以让我先解释一下我想要效仿的内容。 在主页上，有一个包含最近表条目的主表。 为用户提供了一组“collections”文件夹，他们可以从主表中拖放表行。 而不是拖动整个可见行（我的行相当宽，并且很难分辨它将放入哪个文件夹）我有“信息”图标，在这种情况下是向上箭头。 用户可以拖动图标并将其拖放到文件夹中，此时应将其从主表中删除并附加到该collections夹文件夹中的表中。 到目前为止，大部分内容都发生在下面的小提琴中（除了没有从主表中删除行）。 使用Datatables时问题开始变得明显。 将行添加到collections夹文件夹后，它显然在那里，直到您在分页时单击下一个和上一个。 它消失了。 此外，它似乎永远不会真正成为表的一部分，因为Datatables左下角的信息没有更新。 显示3个条目中的1到2个，当总共可能有4个（从用户拖动的行中）。 我理解向Datatables添加行，你需要fnAddData，但我不知道如何在这个实例中使用它，任何想法？ 预先感谢。 小提琴： http ： //jsfiddle.net/YK5fg/4/ $( “.drag” ).draggable({ revert: “invalid” }); $( “.dropTarget” ).droppable({ drop: function( event, ui ) { // fade out dropped icon ui.draggable.hide(); var dropped = parseInt($(this).attr(‘title’)) + 1; $( this ) .attr(‘title’,dropped+’ entries’); var delay = $(this); delay.prop(‘disabled’, true).addClass(‘ui-state-highlight’) […]
DataTables footerCallback – 以另一个单元格为条件
我正在尝试在DataTables中实现一个footerCallback，它根据同一行中不同列中的单元格计算每列的条件和。 这是我的设置演示： https ： //jsfiddle.net/rantoun/552y9j90/13/ HTML： Fruit sumCondition # Eaten # Remaining Count Apples Use 3 8 Oranges Use 6 5 Bananas Ignore 2 9 jQuery的： $(“#table1”).DataTable({ “paging”: false, “searching”: false, “info”: false, “footerCallback”: function ( row, data, start, end, display ) { var columns = [2, 3]; var api = this.api(); _.each(columns, function(idx) { […]
按钮点击调用datatable
到目前为止我达到了这个目标， 我的JSON与数据表不兼容 错误信息， DataTables警告：table id = RegSrc – 第0行第1列请求的未知参数’Filenum’ 请帮忙 File Number Patient Name DOB Age JS代码 var Table = $(‘#RegSrc’).DataTable({ data: [], “columns”: [ { “className”: ‘details-control’, “orderable”: false, “data”: null, “defaultContent”: ” }, { data: “Filenum” }, { data: “FullName” }, { data: “DOB” }, “columns”：[{“className”：’details-control’，“orderable”：false，“data”：null，“defaultContent”：”}，{data：“Filenum”}，{data：“FullName” }，{data：“DOB”}，{data：“Age”}]， rowCallback: function (row, data) { }, […]
DataTables数据根据一个值替换为多个列
我正在尝试创建一个条件语句，它不仅会将数据替换为我定位的列，还会替换基于所选目标值的第二个数据。 setTimeout(function() { $(‘#invoices-table’).DataTable({ responsive: true, columnDefs: [{ orderable: false, targets: [-1, -2, -3] }, { targets: 0, // statement is based on first column data render: function(data, type) { // if data in col0 is “1” then replace data in col0 and col5 (pay button) if (type == ‘display’ && data == ‘1’) { […]
使用服务器端的DataTables复选框插件获取所有选定的行
我有这个DataTable的定义： var availableFilesTable = $(“#availableFiles”).DataTable({ ‘processing’: true, ‘serverSide’: true, ‘ajax’: ‘@Url.Action(“GetAllBinariesExclude”, “Program”, new {programId = Model.Id})’, ‘columns’: [ { data: ‘Id’, ‘checkboxes’: { ‘selectRow’: true } }, { ‘data’: ‘BinaryName’ }, { ‘data’: ‘Sha1Hash’ } ], ‘select’: { ‘style’: ‘multi’ }, ‘order’: [[1, ‘asc’]] }); 我想获取所有选定的行并将它们提交给服务器，我有以下代码用于表单提交事件： $(‘form’).submit(function(event) { event.preventDefault(); var form = this; var existingFileIds […]
DataTables TypeError：… draw不是函数
我正在尝试使用自定义输入来搜索/过滤jQuery Datatables表。 我正在使用jquery 2.1.1和DataTables 1.10.4。 我的代码非常简单，并反映了API文档中的内容： var table = $(‘#pList’).DataTable({ “pageLength”: 25, “lengthChange”: false, “ajax”: ‘partsJSON.cfm’ }); $(‘#pdb-filter’).on( ‘keyup’, function () { console.log(table); table.search( this.value ).draw(); } ); 当我运行页面并在输入中输入条目时，我在控制台中获得以下内容： TypeError: table.search(…).draw is not a function 其次是： Object { context: Array[1], selector: Object, tables: O/q.extend/h/<(), table: O/q.extend/h/<(), draw: O/q.extend/h/<(), page: O/q.extend/h/<(), ajax: Object, rows: O/q.extend/h/<(), row: […]
在jquery数据表中显示嵌套的JSON数据
在使用AJAX发出POST请求后，我得到以下JSON响应： { “ServiceName”: “ABC”, “Response”: { “Object”: [ { “Attributes”: { “Attribute”: [ { “AttributeName”: “Name”, “AttributeValue”: “XYZ” }, { “AttributeName”: “Place”, “AttributeValue”: “Abc” }, { “AttributeName”: “Country”, “AttributeValue”: “Americas” }, { “AttributeName”: “Code”, “AttributeValue”: “576” } ] } }, { “Attributes”: { “Attribute”: [ { “AttributeName”: “Name”, “AttributeValue”: “XYZHJ” }, { “AttributeName”: “Place”, “AttributeValue”: […]
如何将表中索引的每个col转换为本地时刻？
我有一个包含8列的表。 最终列中的每个日期值都需要转换为本地浏览器。 目前它显示为UTC： 所以我添加了一些JQuery来使用.eq(index)每一行，这在JQuery中是索引’6′ 。 但是当我测试这个函数时，它只转换表中的最后一行UpdatedTime，时间不是本地的，如下所示： 如何将指定列的每一行转换为本地时刻？ 这是我用来循环的JQuery函数： $(“.td-limit”).eq(6).each(function () { var updatedTimeISO = moment.utc($(this).data(‘order’)).toISOString(); var updatedTimeLocal = moment(updatedTimeISO); $(this).text(updatedTimeLocal); }); 这些是DataTable中的列，其中最后一列是需要转换的目标UpdatedTime ： @foreach (Models.Escalation item in Model) { @item.ID @item.Application @item.EMAD @item.Event @item.Status @item.Statement @item.Created @item.Update @item.UpdatedTime }
