当前位置: 首页 > 知识库问答 >
问题:

禁用列编辑datatables.js列之间的内联编辑器选项卡

公西星文
2023-03-14

我正在尝试使用数据表。列之间的js内联编辑器选项卡https://editor.datatables.net/examples/inline-editing/tabControl.html他们的例子很好用,但我似乎不明白如何禁用我不想内联编辑的列?

网站上的例子

table.on( 'key-focus', function ( e, datatable, cell ) {
    editor.inline( cell.index() );
});

我试着改成

table.on( 'key-focus', 'td.editable', function ( e, datatable, cell ) {
    editor.inline( cell.index() );
});

因此,它只针对具有可编辑类的TD。。但是它不起作用。。

不管怎样,如果有人用过这个,我会很感激一个提示:)谢谢!

共有1个答案

郑松
2023-03-14

我终于找到了答案。。。这可以通过两种方式实现

1)数据编辑器似乎会在当时正在编辑的TD元素上添加一个焦点类,因此我们可以执行以下操作

if($('.data.table .focus').hasClass('noedit')) { ...

其中"noedit"是您要添加到TD的类,表示单元格不可编辑

2) 我发现的另一种方法是使用文档中的示例,但它似乎比实际情况更复杂。。

if($(datatable.cell(cell.index()).nodes()).hasClass('noedit')) { ...

希望它能帮助某人...

 类似资料:
  • 我需要在剑道网格(内联编辑)中使用多重选择列表,以便用户可以从每行列表中选择多个值。 以下是我的要求: 在显示时,剑道网格应该显示所有选定值的逗号分隔列表。 在添加时,剑道网格应该显示多重选择列表,并允许选择多个值。 在编辑时,剑道网格应该显示具有已选择值的多选列表。用户应该能够修改从列表中选择和添加/删除项目。 当用户点击更新/保存按钮时,多选列表中的选定值应该在代码后面(在更新ajax操作中)

  • 编辑器选用 在开发 Laravel 应用时,有很多的编辑器可供选择使用,比较流行的有 SublimeText Atom PHPStorm Visual Studio Vim Eclipse VS Code 本书的所有代码均使用 SublimeText 3 (下面简称 SublimeText)进行编写。为了保证接下来我们的整个开发环境完全一致,你需要在你的电脑上安装和使用 SublimeText 来

  • 问题内容: 我有一个jQGrid的列,我只想在添加新行时可编辑。 我已经看到了在对话框中同时进行编辑和添加时如何执行此操作的示例,但是是否可以通过内联编辑来执行此操作? 我试过在beforeShowForm:中使用grid.setColProp(),但这是行不通的(该列保持只读状态,并且在添加对话框中不存在)。 问题答案: 在旧示例中],可以在“添加”或“编辑”对话框中修改的所有字段都具有属性。仅

  • 我正在阅读Postgres Jsonb文档,但找不到解决我遇到的一个小问题的方法。 我有一张桌子:MY_TABLE 具有以下列: 用户、名称、数据和购买 需要注意的是,“数据”是一个jsonb,有多个字段。“Data”中的一个字段是“Attribute”,但它可以保存的值不同步。我的意思是,它可以是一个字符串,一个字符串列表,一个空列表,或者只是一个空字符串。然而,我想改变这一点。 我希望允许的唯

  • 我有一个列数组对象,它绑定到剑道网格的columns属性。如果在数组中添加命令,则会出现按钮,但编辑事件不会触发。 此外,在编辑模式下,我需要使每列中的复选框启用,并根据列名更新它。 我添加列使用下面的代码和出价列属性剑道网格。 请帮我做这件事。

  • 问题内容: 我正在与AngularJS一起显示应用程序键(应用程序标识符)表,我想使用编辑按钮在该表行中显示一个小表格。然后用户可以编辑字段并单击“保存”或“取消” 演示:http://jsfiddle.net/Thw8n/ 我的内联表单效果很好。我单击编辑,然后出现一个表格。取消也很棒。 我的问题是 如何连接保存按钮和将对API进行$ http调用的函数 如何从该行获取数据以发送到$ http调