2012-05-30 34 views
2

這可能是一件容易的事,我錯過了,但我不能找到一種方法,在JEditable領域的「復位」的價值。我讓用戶編輯三個字段,然後按一個按鈕將這三個字段保存在一起。這工作正常,但一旦完成,我想重置我的jEditable字段,以便他們沒有值並再次顯示其佔位符。用戶輸入的三個值將顯示在其他位置。JEditable - 復位值

我試着做$("#myfield").editable('reset'),但沒有奏效。

我發現的唯一方法是在這些字段上調用.empty(),並使用我的回調函數和我的設置重新設置.editable,但是我覺得這有點麻煩。

任何其他方式?

按照要求,在here's an example什麼我想要做的小提琴:

謝謝!

回答

4

就做這樣的事情......

更具體一點:

$('.editable').editable('http://www.example.com/save.php', { 
    type  : 'textarea', 
    submit : 'OK', 
    callback : function(value, settings) { 
     $("#myfield").text(''); 
    } 
}); 

我覺得有很多需要提高的,但它是一個工作版本:)這裏是我做了什麼到目前爲止:http://jsfiddle.net/Wz8x9/3/

這裏沒有什麼特別。我剛剛存儲的默認字段值的數據屬性...

<div id="field1" data-placeholder="First Name"></div> 

現在,您可以訪問該值是這樣的:

$('#field1').html($('#field1').attr('data-placeholder')); 
+0

這是行不通的。一旦編輯完成,jEditable就會顯示爲常規div。 – Melanie

+0

查看我的更新... – gearsdigital

+0

否則就我們提供一個關於jsfiddle的例子。 – gearsdigital