【问题标题】:How to customize jquery-datatables-editable select editors for individual row如何为单个行自定义 jquery-datatables-editable 选择编辑器
【发布时间】:2011-12-18 11:28:48
【问题描述】:

我一直在寻找一些使用 jquery-datatables-editable 插件的示例和解决方案,但没有任何运气。我想要做的是能够根据该特定行中的某个标识符为列设置编辑器。因此,对于某些行,列可能不可编辑,而该列的其他行将具有选择编辑器。我还需要一个列,它总是有一个选择编辑器,它从 MySQL 表中收集数据,但它会根据特定的行被不同的参数过滤。

粗略的例子:

Col1          Col2            Col3            Col4
data1         null editor     select editor   select editor filter by 'a'
data2         select editor   null editor     select editor filter by 'b'
data3         select editor   null editor     select editor filter by 'b'
data4         null editor     select editor   select editor filter by 'a' 

我从 MySQL 数据库收集表格数据并使用 PHP 渲染 HTML 表格,因此我可以使用它在行或表格单元格上放置 idclass 以确定需要哪种方案每一行。我不确定从何处以及如何获取和传递信息以自定义所使用的编辑器类型。

我已尝试搜索此信息,并在 DataTables 论坛上找到了一些论坛讨论,这些讨论可能与我需要的内容有关 - herehere in the third paragraph。我的问题是,虽然我并不完全一无所知,但我发现它们不容易理解和适应我的问题(这个级别的 jQuery 对我来说是新的)。我希望有一个简单的解决方案,并且我要么搜索不佳,要么它是如此简单和明显,以至于其他人都没有遇到过麻烦。

【问题讨论】:

    标签: php jquery datatables


    【解决方案1】:

    我所做的是将可编辑的类放在我想使其可编辑的td 上,然后我使用这样的类选择器使它们可编辑:

    $('td.editable', oTable.fnGetNodes()).editable( 
    

    您应该使用 classes 来处理类似的事情,而不是 ids,因为 id 在页面上应该是唯一的

    【讨论】:

    • 非常感谢!我试图使用 jquery-datatables-editable 插件而不是直接处理 jEditable 插件来完成任务。您的回答使我采用了不同的方法,并且效果很好。现在我只需要让我的选择编辑器在更新后显示文本而不是值,我就完成了。再次感谢您带领我朝着正确的方向前进。
    • 我更改了我的 PHP 处理脚本以返回文本,而不是在我使用下拉列表的情况下返回值。效果很好。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-08-09
    • 1970-01-01
    • 2011-02-22
    • 2023-03-08
    • 2017-01-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多