2016-12-06 107 views
0

我试图使用datatables.js内联编辑器选项卡列https://editor.datatables.net/examples/inline-editing/tabControl.html和他们的示例工作正常,我似乎无法弄清楚是如何禁用一列,我不想内联编辑?禁用列编辑datatables.js内联编辑器选项卡列

网站上的例子

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的有类编辑..但它不工作..

无论如何,如果有人使用过,我会欣赏一个提示:) 谢谢!

回答

0

我找到了答案......最终,它可以在2种方式

1)完成似乎数据表编辑器将添加一个真实的那一刻被编辑的TD元素上.focus类,所以我们可以这样做

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

其中“noedit”是你的类ü要加入到TD信号的格不可编辑

2)另一种方式,我发现与例子玩从文档看,它看起来比它应该更复杂是..

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

希望这将帮助别人..