使用jquery datatable构建主-细节网格
我正在使用jquery datatable作为网格,现在我想显示主详细信息 (订单 - 订单详细信息) 取决于主ID(AJAX调用以创建详细表)) 我发现的只是 https://datatables.net.net/examples/examples/api/api/row_details.htails.htails.html 这是静态字符串 我的要求吗? 谢谢 解决方案 您可以在渲染扩展行信息之前执行AJAX请求. 创建一个可以接受行信息和回调的函数,该函数将呈现扩展行信息. 在函数中执行ajax回调,并在成功的情况下使用格式的数据渲染回调. 代码示例基础示例链接代码: 在 /* Formatting function for row details - modify as you need */ function format ( d ) { // `d` is the original data object for the ro
4 2024-03-18
编程技术问答社区
在ASP中正确绑定数据表。净MVC
我已经运行了nuget用于数据台,并且我正在尝试将它们捆绑在一起,以便它可以在我的所有视图中起作用.但是,它似乎无法正常工作.正在发生数据词功能,但没有发生数据词格式.我认为我没有正确捆绑CSS,但我不确定.这是我在Bundleconfig中的捆绑包: bundles.Add(new ScriptBundle("~/bundles/datatables").Include( "~/Scripts/DataTables/jquery.dataTables.js", "~/Scripts/DataTables/jquery.dataTables.min.js", "~/Scripts/DataTables/dataTables.bootstrap.js")); bundles.Add(new StyleBundle("~/Content/datatables").Include(
10 2024-03-14
编程技术问答社区
在MVC应用程序中用DataTables.NET ajax调用访问WebAPI 2 json
我一直在尝试通过我构建的WebAPI Restful服务来使DataTables.net很好地播放,并且返回的JSON似乎不符合DataTables想要的内容.我尝试了各种"服务器处理"示例以及在Internet上找到的一些示例,例如这个,但我不想使WebAPI调用动态.我希望API自行记录,以便其他应用程序和其他开发人员也可以轻松地使用API​​.到目前为止,这是我拥有的. 做JSON.STRINGIFY从我的API返回的JSON数组是: [{"FirstName":"Gregg","LastName":"Coleman"},{"FirstName":"Ryan","LastName":"May"},{"FirstName":"Sean","LastName":"OConnor"},{"FirstName":"Rebecca","LastName":"Coleman"}] datatable.net代码看起来像这样: $("#data-table").DataTa
16 2024-03-13
编程技术问答社区
在jQuery的数据表格中,排序是不工作的
我在一个页面中有两个内联表,排序在一个数据表上工作,但一次在另一个数据表上工作,一次调用DIV,但是排序仅在一个数据表上工作. $('#div1').DataTable( { "processing" : true, "destroy" : true, "paginate" : true, "lengthChange" : true, "filter" : true, "ordering" : true, "order" : [ [ 1, "asc" ] ], "info" : false, "reloadDT" : false, "autoWidth" : false, "scrollY" : 340, "language" : { "search" : "Search: ", "processing" : "
16 2024-02-24
编程技术问答社区
数据表。如何在Ajax重载后保持打开的子行?
我正在使用Ajax源来生成表.每5000毫秒每5000毫秒刷新一个,当打开子行时,它被桌子的重新绘制了.我该如何打开这些? 我的代码: /* Formatting function for row details - modify as you need */ function format ( d ) { // `d` is the original data object for the row return ' Text in child row '; } $(document).ready(function() { $('#table').DataTable( { ... } ); var tr; var row; $('#table tbody').on('click', 'td.details-control',
6 2024-01-21
编程技术问答社区
Datatables.net ajax reload加载消息
在通过Ajax的DataTable的初始负载时,该表显示没有数据,并且"加载..."出现在表主体中. 在datatable().ajax.reload(),"加载..."文本不存在. 我知道我可以打开处理选项以在桌子上浏览栏,但是如果我这样做,然后在初始加载我的用户时会看到"加载..."在桌子主体中和"处理..." ...最重要的是. 是否有人找到了一个解决方案,可以一直或另一个解决方案?我希望为每个Ajax重新加载替换桌子主体. 谢谢! 解决方案 使用DataTables 1.10我遇到了相同的问题. 我找到了一种使它工作的方法. 如果您使用在之前触发的prexhr事件,则可以 清除表 将抽奖计数设置回0,这会触发 初始消息再次 重新绘制表并出现加载. mydataTable.on('preXhr.dt', function(e, settings, data){ $(this).dataTable().api().clear
16 2024-01-21
编程技术问答社区
禁用初始自动ajax调用-DataTable服务器侧分页
我有一个带有服务器端分页的DataTable初始化的数据,并且正常工作.该表触发Ajax,在初始化期间触发数据并渲染到表上.但是,我最初需要空表,并使用load()或重新加载()单击按钮上加载表数据,例如: myTable.api().ajax.reload(); 这是我的表初始化: function initTestTable(){ myTable = $('#testTable').dataTable({ "processing": true, "serverSide": true, "ajax": { "url": "testTableData.html", "type": "GET", }, "columns": [ { "data": "code" }, { "data": "description" } ] }); } 应该有一种限制
4 2024-01-21
编程技术问答社区
为什么dataTable不显示空数据信息?
这是当在DataTable Serveride Processing中找不到特定搜索的结果时,我将如何返回数据集 data :null recordsFiltered:"0" recordsTotal:"0" 但Frondend没有显示任何结果找到消息.它的处理.控制台给出错误 Uncaught TypeError: Cannot read property 'length' of null 也许这是null表示我的data = null. 如何显示数据默认消息,说没有搜索结果. ?我正在使用DataTable版本1.10.13和Surveride Processing,PLS建议 解决方案 您需要返回data属性中的空数组,请参见下面的示例JSON响应: { "draw": 1, "recordsFiltered": 0, "recordsTotal": 0, "data": [] }
30 2024-01-18
编程技术问答社区
数据表的服务器端处理如何在分页时记住复选框
如何用分页记录框值.当我在3页上检查值时.它仅存储最后一页值和其他值删除. 我在下面使用客户端处理. $('.button').click(function () { var id = ""; var oTable = $("#example").dataTable(); $(".checkboxClass:checked", oTable.fnGetNodes()).each(function () { }); }); 解决方案 查看 jQuery datatable href =" http://www.gyrocode.com/projects/jquery-datatables-checkboxes/examples/examples/server-side-processing/" rel =" nofollow noreferrer"> nofollow noreferrer"> server-side processin
10 2024-01-18
编程技术问答社区
当对多个表进行初始化时,如何获取当前表id以添加到ajax数据中?
i具有以下针对具有相同类的多个表的初始化,但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请求?我正在努力避免复制每个表的整个初始化. 解决方案 您可以尝试这样的尝试: $('.table.jobs').ea
32 2024-01-18
编程技术问答社区
数据表1.10.4删除不工作
我已经在准备页面上使用了一个带有JSON数据的DataTable.现在,在单击事件中,我想更改表数据.当我使用delete()时,会出现错误,说"未损坏样式",并且在页面中仍然可以看到表对象. 这是代码: ** JS:** function createTable(obj){ var myTableDiv = document.getElementById("populate_table"); var table = document.createElement('TABLE'); table.id='dynamictable'; var header = table.createTHead(); var row = header.insertRow(0); var cell = row.insertCell(0); cell1 = row.insertCell(1); cell2 = row.insertCell(2); cell3 = row.insertCel
4 2024-01-18
编程技术问答社区
从数据表格导出时,如何在excel的第一列将文本对齐到顶部?
在这里,我想将列的文本对齐 a 从数据表导出时,在Excel表中对齐. IAM新程序员任何帮助都将不胜感激. 这是我得到 我想要的结果是Excel中的列 a 当我导出时,应该将其排列到我想要的结果时.顶部对齐 在下面的图片中显示的MS Excel中的此顶级对齐功能.但是我希望它在数据表代码中 这是我到目前为止导出的代码`` { extend: 'excelHtml5', footer: true, text: 'Save as Excel', pageSize: 'A4', title:'shop', filename:'shop', customize: function (xlsx) {
14 2024-01-17
编程技术问答社区
DataTables 1.10-不显示结果
这是我的设置. javascript/jquery: $('#list').dataTable({ paging: false, serverSide: true, ajax: { url: "/search/", data: function (d) { return $.extend({}, d, { lid: Label.selectedId }); } } }); html Title First Name Last Name
14 2024-01-17
编程技术问答社区
检索元素的dataTable对象
我正在尝试使用jQuery获取jQuery数据表的对象.我正在使用此线程来完成此操作: https://datatables.net/forums/discussion/2913/how-to-to-get-the-the-datatable-datatable-object-from-the-tables-idables-id 由于某种原因,这行不通.当我调用$('.dynamic-wide-table').dataTable();时,它会导致我的表再次初始化并使表渲染两次,就像: 根据上面发布的链接,它不应该这样做,而只是获取对象. 这是我的代码: main.js(加载到每个页面的HTML头部) $(document).ready(function() { $(".dynamic-wide-table").dataTable({ "aaSorting": [], "scrollX": true,
6 2024-01-17
编程技术问答社区
添加新行时,被删除的行又出现了 DataTables
嗨,我是DataTables的新手....我有一个数据表,我想在其中添加行(一次)并具有多条删除的功能.我已经设法使正常功能正常工作,但是问题是当我删除行/行,然后尝试添加新行时,删除的行与选定的行相同的位置出现....以下是代码i我正在用来初始化数据表和在我的数据表中添加和删除行的功能....任何帮助将不胜感激... $(document).ready(function (){ var counter = 1 $('#addRow').on( 'click', function (a,b,c,d,e,f) { a = "test" t.row.add( [ counter +a, counter +'test', counter +'test',
18 2024-01-16
编程技术问答社区
从DataTable的可见行和过滤行创建一个新的常规表
我有一个带有分页,过滤和Colvis插件的数据表(列可见性). 通过按下按钮,我需要获取所有页面的可见和过滤数据,并在下面使用此数据生成一个新的常规表(此数据没有数据列表,Pager,...). 我尝试使用oTable.rows({search:'applied'}).data()来获取行,但是它也不仅获取可见列的数据,而是获得了隐藏的列.无论如何,我不知道如何生成新表. 这是一个演示 我该怎么做? 预先感谢 解决方案 我的答案基于@@Davidkonrad的答案进行了一些修改: $('button.print-bt').on('click', function() { var fvData = oTable.rows({ search:'applied', page: 'all' }).data(); $('#main_wrapper').append( '
14 2024-01-16
编程技术问答社区
DataTables' 带有输入元素的自动填充扩展无法工作
上下文 我正在使用 datatables 自动填充扩展.它基本上允许您通过将其向下或向下拉动(右下方)来复制单元格.这在我的项目中正常工作. 问题 但是,当我尝试在单元格内复制一个输入时,它会清除所选的输入.阅读文档,似乎较早的插件版本可以通过添加一个小脚本.来自 此回调是FNread的推论,提供了一种方法 自定义Autofill如何将计算出的填充值写入给定单元. 默认情况下,Autofill将在输入或选择元素中设置值 在单元格中,否则将将值设置为html. 事实是,当输入具有初始值时,复制起作用.但是,在添加/编辑值时,它会复制上一个值.它尝试添加读取功能选项,但从未被调用(请参阅小提琴). 代码 这是 jsfidle 准确地重现我的问题: 将第1 col.1拖到第2 col.2 col.1-> Works 编辑第1 col.1的编辑值,然后重复步骤1->返回到先前的值 在第1 col.2中输入值,然后将其拖动 - >重置值而不复制
4 2024-01-16
编程技术问答社区
DataTables-动态地设置可搜索的列
我需要设置 searchable 列的属性在里面).有解决方案吗?用例是,我正在使用按钮扩展名来切换列可见性.但是我不只是搜索Visibile列. 解决方案 我想在表中添加"过滤器按钮".他们应该仅在一个排除和隐藏和不可搜索的列中搜索(过滤). 排除并隐藏了,因为用户应该看不到它 不可搜索,因为我想将其排除在全局搜索之外. 在多个支持范围内DT.作者承诺实施此功能,但是直到今天他还没有.但是我确实找到了一个线程您如何自己做. 但是您必须对其进行一些更改.我的版本: $.fn.dataTable.Api.register("isColumnSearchable()", function(colSelector) { var idx = this.column(colSelector).index(); return this.settings()[0].aoColumns[idx].bSearchable;
18 2024-01-15
编程技术问答社区