jquery - x-editable - 提交后重置“新记录”

Question

我已经尝试了几个小时来解决这个问题。

我有以下

http://vitalets.github.com/x-editable/docs.html#newrecord

新的记录模块/代码。它的功能是，一旦所有行都有数据并提交，它会保留其值，以便保持可编辑状态。

我尝试添加输入，在成功的 ajax 请求中选择清除代码，并尝试将 .editable 函数放入 ajaxComplete 函数中，以查看它是否会在提交时重新加载元素，但它没有。看演示。输入数据，然后提交。然后它使数据“永久”，以便它可以继续可编辑。

我已经删除了隐藏按钮的代码。

我想要它做的是，提交记录并重置，以便我可以提交另一个表单为“空”并返回默认值。

我正在开发一个设备跟踪器，如果技术人员能够一个接一个地输入记录，我会很高兴。我确定它是重置表单的简单修复，我只是想不通。

我附上了它的截屏视频。

http://www.youtube.com/watch?v=dPDuQCgOOSw

Answer 1

如果你看看“保存新用户button”是如何实现的，它只会选择类名myeditable的锚标签

要么将函数绑定到“重置”按钮，要么使用此脚本onclick

IF onclick:

jQuery.each($('.myeditable'),function() { 
    $(this).text('Empty') ; //this is your default text
});

OR as a function

function reset_myeditable()
{
    jQuery.each($('.myeditable'),function() { 
        $(this).text('Empty') ; //this is your default text
    });
}

并将其附加到 reset 按钮的 onclick 处理程序 我假设您将放置一个“重置”按钮

编辑

好的，放大你的$('#save-btn').click(function() success handler

    success: function(data, config) {
    if(data && data.id) {  //record created, response like {"id": 2}

    $(this).editable('option', 'pk', data.id);
    //remove unsaved class
    $(this).removeClass('editable-unsaved');
    //show messages
    var msg = 'New user created! Now editables submit individually.';
    $('#msg').addClass('alert-success').removeClass('alert-error').html(msg).show();
    $('#save-btn').hide(); 
    $(this).off('save.newuser'); 

/**this the edited part**/
  jQuery.each($('.myeditable'),function() { 
     $(this).text('Empty') ; //this is your default text
  });
/**end of edit**/      

} else if(data && data.errors){ 
           //server-side validation error, response like {"errors": {"username": "username already exist"} }
           config.error.call(this, data.errors);
       }               
   },