2012-05-30 2 views
2

Это может быть легко сделать, что я пропустил, но я не могу найти способ «сбросить» значение в поле JEditable. Я разрешаю пользователю редактировать три поля, а затем нажмите кнопку, чтобы сохранить эти три вместе. Это прекрасно работает, но как только это будет сделано, я хотел бы сбросить поля jEditable, чтобы они не имели значений и снова отображали их местозаполнитель. Три значения, введенные пользователем, отображаются в другом месте.JEditable - Сбросить значения

Я попытался сделать $("#myfield").editable('reset'), но это не сработало.

Единственный способ, который я нашел, - это позвонить .empty() в эти поля и установить снова и снова с моей функцией обратного вызова и моими настройками, но я нахожу это немного беспорядочным.

Любой другой способ?

В соответствии с просьбой, here's an example в Fiddle того, что я хочу сделать:

Спасибо!

ответ

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

Смежные вопросы