2014-01-13 87 views
0

我正在使用x-editable jQuery插件進行內聯值編輯。編輯和遠程調用並保存在數據庫和其他工作正常預期。未在內聯彈出編輯器中選擇的實際值

我唯一面臨的問題是,當我點擊要編輯的項目時,彈出框與選擇框出現的預期。但是彈出窗口中的值是空的。

如果我編輯值並保存並重新打開,則會顯示該值..但不會在沒有更改時進行更改。

我該怎麼做才能確保當彈出窗口打開進行編輯時,現在的值應該已經存在。

下面是HTML代碼段的一部分:

<a href="#" class="position" data-pk="7">Bottom</a> 
<a href="#" class="position" data-pk="8">Top</a> 

下面是jQuery代碼段的一部分:

$('.position').editable({ 
    type: 'select', 
    name: 'position', 
    url: '/save.php', 
    source: [{ 
     value: 'left', 
     text: 'Left' 
    }, { 
     value: 'right', 
     text: 'Right' 
    }, { 
     value: 'top', 
     text: 'Top' 
    }, { 
     value: 'bottom', 
     text: 'Bottom' 
    }] 
}); 

站點中的所有實例使用mockjax對此我不確定是否在現場使用。

​​

+0

可以創建一個小提琴嗎? –

+0

我嘗試過,因爲我的數據非常動態,所以面臨一些問題。由於這個原因,無法制作一個。對不起。 – Purus

+0

@ Nouphal.M:小提琴已被添加到問題 – Purus

回答

1

更新小提琴:http://jsfiddle.net/zXQbe/4/

它來到了您的標記。應該是以下幾點:

<a href="#" class="position" data-pk="7" data-value="bottom">Bottom</a> 
<a href="#" class="position" data-pk="8" data-value="top">Top</a> 

編輯:意識到我在慘敗了你所定義的data-pk值。

+0

它的工作。謝謝。 – Purus

相關問題