移除数据库中的搜索过滤器
我已经在数据表中应用了一个按钮,该按钮在单击时,过滤数据表,仅显示单击行. 表初始化是: var oDatatable = $("#tblDataTable").DataTable({ dom: 'rt', columns: [ { data: 'Message' }, { data: 'MessageId' }, { data: null, "defaultContent": "Click"} ], "columnDefs": [ { "visible":
28 2023-04-13
编程技术问答社区
如何改变数据表中搜索字段的宽度?
我可以更改DataTables中搜索文本字段的宽度吗? 我现在正在编写以下代码,但它不起作用. $('#example').dataTable() .columnFilter({ sPlaceHolder: "head:before", aoColumns: [ { type: "text",width:"10px" }, { type: "date-range" }, { type: "date-range" } ] }); ,如果我的数据表是动态生成的,如下面的gven: $('#example').dataTable({
28 2023-04-13
编程技术问答社区
为jquery datatables ajax调用设置一个错误处理程序
我试图在Ajax呼叫上出现问题时(即服务器未响应)时尝试使用一个自定义错误处理程序,以将新数据加载到我的数据表中. $table.DataTable().ajax.url(ajaxURL).load(); 默认情况下它显示一个警报,我可以将其更改为以下面的设置投掷JavaScript错误: $.fn.dataTable.ext.errMode = 'throw'; 但是,这样,我只是记录了一个错误,我不确定如何捕获该错误的错误,因此我仍然无法提供自己的错误处理程序. 文档中也列出了一个错误事件,但似乎没有触发,因此以下从未提醒. $table.on( 'error', function () { alert( 'error' );} ); 到目前为止我发现的其他所有内容都是用于旧版代码,例如设置FNServerData,我想避免进入. 是否有一种方法可以在1.10 API中设置AJAX错误回调? 解决方案 在DataTables v1.1
50 2023-04-13
编程技术问答社区
简单的javascript函数似乎在分页后在jQuery数据表上中断
我有一个有趣的问题,希望有一个简单的解决方案.我正在使用jQuery DataTables插件(DataTables.net),并且分页设置为完整数字.在我的行中,我有一个删除按钮,当单击时执行jQuery函数.该函数仅调用外部源来处理数据库中的删除,然后使用.remove()从UI中删除行. 这是完美无缺的,直到我使用分页为止.如果我有10个以上的记录,然后单击下一页,它将不再起作用.这是一些代码: jQuery('.deleterecord').click(function(){ var conf = confirm('Continue delete?'); if(conf) jQuery(this).parents('tr').fadeOut(function(){ jQuery(this).remove(); jQuery.jGrowl("Record has been r
34 2023-02-12
编程技术问答社区
如何使用ajax和jquery动态改变Datatables的多列标题而不刷新网页?
我试图根据AJAX的返回值更改列号和标题,而使用DataTables jQuery插件更新表数据.下面的JavaScript和jQuery代码: $( document ).ready(function() { $.ajax({ type:'POST', url: 'readtitle.php', //this php contains the column header success:function(re){ setTitle(re); // this function is used to set column header } }); var oTable = $('#table_id').dataTable({ "bPaginate": false, "bProcessing": true, "
20 2023-02-12
编程技术问答社区
jQuery DataTables-仅对数字进行排序
使用1.10.1和新的数据列HTML5属性我想忽略从排序顺序的某些单元. 我的列与数字和文本值混合.示例: 100.50 USD Text 50.00 USD 在此列上排序时,我希望忽略文本单元格.因此,下降订单为100,50,文字.上升订单为50,100,文字. 我可以只使用数据属性属性来完成此操作,还是有其他方法? 解决方案 我恐怕单独使用data-sort或data-order无法完成. DataTables无论如何都会尝试对上升/下降进行排序,而您真正需要的是纯文本字段的两个不同的排序值,使其成为最高值或最低值. 但是,以为您可能可以使用自定义分类插件为此?请参阅以下插件,该插件从列中提取任何数字,或者如果不存在一个数字,将排序值设置为Nu
16 2023-02-12
编程技术问答社区
Jquery 数据表排序和过滤记录
使用jQuery DataTable,我设法在每列的顶部创建了具有唯一过滤值的下拉订单.但是问题是,当我单击下拉分类时,也会激活.我只想在用户单击"排序箭头图标"时对记录进行排序. 在用户单击下拉列表时,是否有任何方法可以取消排序事件,但是请继续启用它,以便用户可以单击对图标进行排序以对数据进行排序?以下是指向数据表的链接live http://live.datatables.net/ribezoho/1/edit 请让我知道 这是我的代码 $(document).ready(function() { $('#example').DataTable( { initComplete: function () { var api = this.api(); api.columns().indexes().flatten().each( function ( i ) { var column = api.colum
18 2023-02-12
编程技术问答社区
DataTables在表之间移动行
我正在为SQL查询结果构建一个简单的接口. 我选择使用DataTables,并且有了帮助,我创建了类似的东西: 我将行从一个表移动到另一个表有问题,现在我有两个功能可以完成他们的工作,但是我想拥有一个函数,因为我的解决方案只能在一个方向上工作 - 我可以从一个表移动对另一个只有一个. $(".deleteMe1").on("click", function (event) { var row = $(this).closest("tr").get(0); var addElement = oTable1.fnGetData(row); oTable2.fnAddData(addElement); // Remove Element from the source table var removeElement = oTable1.fnGetPosition(row); oTable1.fnDeleteRow(removeE
34 2023-02-11
编程技术问答社区
DataTables-在子行内进行列搜索
我有一个使用子行和列搜索(过滤)的数据. 请参阅此示例JSfiddle 取自几个数据示例示例:搜索列时,我希望结果在子行中包含信息. 例如,从列搜索示例中,该人可能只有多个办公室(东京,伦敦和纽约),您只能从扩大孩子中看到这些办公室.我想让主排在输入任何办公室时显示此人,而不仅仅是在行上显示的人. 有没有办法搜索一排的数据,而不仅仅是显示的文本? 在我的示例中复制:如果您搜索用户老虎尼克松,并将其展开,则它们的部分称为所有办公室.我希望当您搜索"纽约"(或这些办公室中的任何一个)时,不仅是爱丁堡的主要. 相关JavaScript代码: var table = $('#example').DataTable({ data: mdata, "columns": [{ "className": 'details-control', "orderable": false,
12 2023-02-11
编程技术问答社区
如何在jQuery DataTable中绘制Excel风格的数据条?
我希望在jQuery DataTables表的选定列中添加数据栏,例如数据栏条件格式化选项在Excel中. 这个答案显示了如何使用JQGrid实现此类事物的解决方案.我将如何在DataTables中实现类似的效果? 解决方案 应该非常简单,使用fnrowcallback(). 我没有手臂示例代码,但可以说,如果您在datatables.net上使用fnrowcallback上的示例,则可以使用数据值来创建适当的宽度.让我尝试在不进行现实测试的情况下将其组合在一起... 假设您的传入数据(ADATA)和渲染的HTML中的可见数据在同一列中(即.没有隐藏的列).让我们进一步假设该列为4(来自零来源),并且ADATA中的值表示一个百分比: "fnRowCallback": function( nRow, aData, iDisplayIndex ) { var myValue = aData[4]; $('td:eq(4)', nRow).html( '
16 2023-02-11
编程技术问答社区
如何用JQuery DataTables在每个单元格的值的子串上对一个列进行排序
假设我有一个列,该列包含格式p - ,例如 p12-3767 我正在使用jQuery DataTables插件进行分类和分页.是否有一种方法可以忽略单元格值的前4个字符(" P12-"部分),以便我有效地对标识符的数字部分进行排序? 解决方案 您可以简单地在查询中创建一个列,即您要寻找的原始字符串的子字符串版本.然后,当您排序时,按子弦列而不是原始订单.这是一个数据库端解决方案,如果您使用服务器端分页,它将效果很好. 您还可以通过: 捕获排序顺序和方向是什么 $(oSettings.aoColumns[oSettings.aaSorting[0][0]].nTh).attr('innerText'); 因此,您可以在原始查询中包含"子字符"列,然后将其隐藏,然后当单击排序顺序是要串联的列时...改为将排序更改为隐藏的列.不确定您要在哪里做,可能在FNPREDRAWCALLBACK中. 其他解决方案 导入JSP页面中的JSTL功能
24 2023-02-10
编程技术问答社区
数据表添加组合框为一列
我使用 datatables .我已经创建并填充了表,如下所示.现在,我需要实现一个Combobox(假设我已经获得了2010年,2011,2012),以便用户选择一年.然后,当用户单击"视图"或"修改"链接(放置在表中),选定的年份将作为参数传递到另一个页面. 现在如何将我的年专栏变成组合? rulesTableGlobal = $('#rulesTable').dataTable( { //"bJQueryUI": true, "sPaginationType": "full_numbers", "aoColumns": [ { "sTitle": "Id", "sWidth" : "20px" }, { "sTitle": "Property ID" , "sWidth" : "20px"},
32 2023-02-10
编程技术问答社区
如何在已经有记录的json数据表上添加新的一行?
我正在尝试在数据台的顶部添加一行,该数据显示"量"的总和.我正在使用JSON DataTable(jQuery Plugin)列表显示DataTable.如何使用现有行添加此行? 解决方案 我认为此代码将帮助您 var json = '{ "uid": "user123", "firstName": "User", "lastName": "Theuser" }'; userTable.fnAddData(json); 请参阅以下链接 或 在从表获取数据时,也将其作为第一行 将其作为总和.
76 2023-02-10
编程技术问答社区
jQuery数据库--从其他页面检索信息
我从jQuery DataTable获取信息方面有问题. 这是表: 我想将信息存储在表中.我试图这样做: var languages=[]; var people=[]; $("select[name='languageID']").each(function(){ languages.push( $(this).val() ); }); $("input:hidden[name='personID']").each(function(){ people.push( $(this).val() ); }); 但是它正在从当前选择的页面中获取值.如果我在屏幕截图上的情况下运行此操作,则仅将第2页的值推到数组.我试图检查第1页的值存储的位置,但找不到任何东西.我还在 jquery datatables homepage 上寻找它. 有人可以帮忙吗? 问候 编辑: 所以我应该做这样的事情: table.column( 0 ).ca
20 2023-02-10
编程技术问答社区
如何在初始化后禁用DataTables分页?
我有一个启用了分页的数据表,我需要禁用此设置,并通过按下按钮显示所有结果. 我正在尝试访问已经定义的设置,将分页更改为false,然后重新绘制表,但它不起作用.我在没有成功的情况下搜索并尝试了类似的论坛线程. 有什么想法我该如何实现? 以下是一个演示 > html: Destroy pager Column 1 Column
16 2023-02-09
编程技术问答社区
如何在TableTools中使用链接而不是Flash按钮
我正在尝试找到一种方法来更改片剂上的按钮.我想使用自己的自定义链接而不是闪存按钮.有什么办法可以做到吗?任何好的资源教会我如何进行修改并仍然能够使用功能,例如按钮收集等. 解决方案 您发现的其他线程应该说当前,不,这个 不是片剂提供的选项. Flash选项用于 提供交叉浏览器/平台的能力,使文件完全保存在 客户端 - 该选项在较旧的浏览器中根本不可用 (IE6,IE7等)在不支持数据的情况下://协议和 本地文件系统交互选项. 最肯定可以将此能力添加到片剂中, 但是恐怕我还没有机会这样做.它在 路线图. 艾伦 如果您有兴趣创建导出文件服务器端,则可能需要考虑下载(GET)插件用于片剂. 其他解决方案 是的,可以覆盖现有按钮,例如PDF/CSV等,或创建具有指向URL链接的新自定义按钮以获取或发布数据.在这里,我正在显示2种使用GET方法的方法: 有关Get&Post方法的更多信息: 访问: datatable tabletools get
18 2023-02-09
编程技术问答社区
当按钮被点击时,更新数据集(JQuery)。
我已经创建了一个简单的表单,并且我正在使用DataTableS jQuery插件来显示其中的一些数据.数据由PHP脚本(Process.php)填充,该脚本以JSON格式返回正确的结果.在表单中,有一个按钮将文本框的值发送到process.php. 问题是,我无法使用process.php脚本收到的新数据更新/Alter DataTable. 表格的代码: Enter an id:
22 2023-02-09
编程技术问答社区