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可編輯元素（第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可編輯存儲的對象作為值：

$(e_obj).editable('getValue')

希望這可以幫助。