3

这可能是我错过的一件容易的事情,但我找不到“重置”JEditable 字段中的值的方法。我让用户编辑三个字段,然后按一个按钮将这三个字段保存在一起。这工作正常,但一旦完成,我想重置我的 jEditable 字段,以便它们没有值并再次显示它们的占位符。用户输入的三个值显示在其他地方。

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

我发现的唯一方法是调用.empty()这些字段并使用我的回调函数和我的设置重新设置 .editable ,但我觉得这有点混乱。

还有什么办法吗?

根据要求,这是我想要做的 Fiddle 中的一个示例:

谢谢!

4

1 回答 1

5

只是做这样的事情......

更具体一点:

$('.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'));
于 2012-05-30T16:22:23.247 回答