X-可编辑的javascript

X-Editable javascript

本文关键字：javascript 编辑更新时间：2023-09-26

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

有点纠结于如何实现这一点，所以我想我会看看是否有其他人使用过它或知道该怎么做

以下是我的页面：

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

你只需点击文本，它就会让你在那里编辑它。

现在，作为我的最终结果，我所要做的就是从每一行中获取值，但似乎无法计算出来。

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

有人有这方面的经验吗？

开始吧。

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

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

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

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

$(obj).attr('id')

然后循环遍历每个表数据和每行的x可编辑元素（第9行）：

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

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

$(e_obj).attr('id')

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

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

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

$(e_obj).editable('getValue')

希望这能有所帮助。