使用 Angular Xeditable 保存时出现错误时保留保存按钮

Question

我正在使用Angular Xeditable api。你能告诉我在出现错误时如何保留Save 按钮吗？这里我没有使用x 可编辑的内置输入控件。我正在使用hyper link。当用户单击时，它会显示弹出窗口等。该功能工作正常。我只需要在出现错误时将该行保持在edit 模式。然后用户可以输入数据而无需再次按下Edit 按钮。谢谢。

这里是Fiddle

HTML

<td>
  <a href="" ng-click="vm.note(user,rowform)">Note</a>
</td>

js

 $scope.saveUser = function(data, id) {
     alert('Error');
     return;
  };

注意：请不要考虑上面小提琴中超链接的功能。只是一个演示。我的关键要求是在出现错误时保留Save按钮。

Answer 1

对 x-editable 不太熟悉，但有一些内置的错误处理程序。我将把它留给文档来详细解释，但是从 onbeforesave 函数返回一个字符串将使 x-editable 将该函数解释为错误并保持表单打开。试试这个，应该能达到你想要的！

$scope.saveUser = function(data, id) {
  var error = true;
  if (error) {
    return "Something went wrong."
  } else {
    angular.extend(data, {id: id});
    return $http.post('/saveUser', data);
  }
};