2016-04-22 13 views
1

私はAngular Xeditable apiを使用しています。 Saveボタンがエラーの場合にはどうすればいいのか教えてください。x編集可能なinbuilt入力コントロールを使用していません。私はhyper linkを使用しています。ユーザーがクリックすると、ポップアップなどが表示されます。その機能は正常に動作しています。editモードでその行を維持する必要があります。エラーが発生した場合は、Editボタンありがとう。ここで角型Xeditableで保存時にエラーが発生した場合は保存ボタンを押し続けます

Fiddle

がHTML

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

JS

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

です注:上記のフィドルのハイパーリンクの機能については考慮しないでください。デモだけ。私のキーが必要な場合は、エラーが発生した場合はSaveボタンを押し続けます。

答えて

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); 
    } 
}; 
+0

ああ..コンソールエラーは表示されません。 – Sampath

+0

'angular.min.js:63 TypeError:未定義の '$ show'プロパティを読み取ることができません。 ' – Sampath

+0

あなたは正しいですが、自分の解決策が実際に有効であることを確認しませんでした。私は上記の答えを更新し、それがあなたのためにどのように働くかを見ていきます。 –

関連する問題