javascript - X-可编辑的javascript

Question

我正在使用这个名为X-Editable 的插件。

有点坚持如何做到这一点，所以我想我会看看是否有其他人使用过它或知道该怎么做。

这是我的页面的样子：

截图 http://imageshack.us/a/img850/4817/yko7.png

你可以简单地点击文本，它会允许你在那里和那里编辑它。

现在，作为我的最终结果，我要做的就是从每一行中获取值，但似乎无法弄清楚。

根据文档，我将代码设置为此处的部分：“创建新记录”。当我单击按钮时，我只是不知道如何获取值或对象。

有人有这方面的经验吗？

Answer 1

干得好。

http://jsfiddle.net/8vTPL/1/

这至少应该让你朝着正确的方向前进。这个例子使用基本的 jQuery 概念来遍历集合。在您的情况下，您希望遍历所有表格行（第 7 行）：

$('#tbl_values tbody tr').each(function(ix,obj...

获取每行/记录的 id（第 8 行）：

$(obj).attr('id')

然后循环遍历该行的每个表数据和 x-editable 元素（第 9 行）：

$(obj).children('td').children('.editable').each(function(e_ix,e_obj...

获取每个列/字段的 id（第 10 行）：

$(e_obj).attr('id')

并获取行中每个 x 可编辑元素的值（第 11 行）：

$(e_obj).editable('getValue')[$(e_obj).attr('id')]

或者，您可以只获取 X-editable 存储的对象作为值：

$(e_obj).editable('getValue')

希望这可以帮助。