数据表可编辑插件在数据表中动态添加行后不起作用
datatables-editable plugin doesn't work after dynamically adding row in datatables
>我使用以下方法创建数据表:
$('#purForm').dataTable({
"bRetrieve": true,
"bJQueryUI": true,
"sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",
"bPaginate": false,
"bAutoWidth": false,
"bFilter": false
});
然后为了编辑,我使用了数据表可编辑插件:
http://code.google.com/p/jquery-datatables-editable/wiki/EditCell
所以,基本上是为了使其可编辑,我这样做:
$('#purForm').dataTable().makeEditable({
sUpdateURL: function (value, settings) {
return (value);
}
});
在使可编辑之后,我正在尝试使用以下方法动态添加一行:
$('#purForm').dataTable().fnAddData(['', '', '', '', '', '']);
但是可编辑的行不适用于这个动态添加的行,这是可以理解的,因为它可能没有使用 Jquery 的实时 api。如何更正此问题,使其即使对于动态添加的行也能正常工作?
一个快速而肮脏的黑客将再次调用该函数:
$('#purForm').dataTable().makeEditable({
sUpdateURL: function (value, settings) {
return (value);
}
});
有没有更好的选择?
这是一个已知的错误。将 Jeditable 库与数据表一起使用,无法使用 fnAddData() 函数添加新行。
错误报告在这里:
http://code.google.com/p/jquery-datatables-editable/issues/detail?id=57
作者似乎并不认为这是一个错误,除了复制看似复杂的私有功能的功能之外,并没有真正提供任何有用的帮助。如果您希望看到一种更简单的方法,那么我强烈建议您对错误发表评论以通知作者。
仅供参考,要添加新行并使其可编辑,您需要创建一个自定义表单,然后通过表单中的字段提交行数据。请参阅此处的说明:
http://code.google.com/p/jquery-datatables-editable/wiki/AddingNewRecords
相关文章:
- 如何根据某些条件向可编辑的jquery数据表添加或删除按钮
- 基于用户垂直滚动向HTML表添加行
- 数据表求和行以支持字符
- 使用JS向html表添加行
- 数据表1.8.0添加服务器参数无效
- 数据表移动行按钮
- 我正在通过 javascript 向表添加行,但是当我提交页面时,C# 看不到添加的行
- 我如何更改 jQuery 数据表默认行计数显示
- 在 JavaScript 中向现有表添加行
- JQuery 数据表交换行
- JQuery 数据表添加新行,如果该行已经存在,请将其删除并为该 ID 插入新行
- 谷歌可视化数据表过滤器行
- 数据表添加多个子行
- 突出显示 JSF 数据表的行
- 数据表添加具有特殊数据字段的行
- 如何在jquery中传递html数据表的行添加功能
- 数据表:添加行并检查添加的行's索引
- jquery数据表添加未定义的行
- 如何通过请求从另一个HTML页面将数据添加到行中来向一个HTML页面中的表添加行(可能使用"prompt&qu
- jQuery数据表-添加行不工作