2取消Xeditable角度指令上的按钮
问题描述:
我正在使用xeditable角度指令。您能告诉我如何使用2个取消按钮吗? B'cos我需要在其上实现2个功能。我的意思是cancel + my work 1
和cancel + my work 2
。提前致谢。2取消Xeditable角度指令上的按钮
HTML
<form editable-form name="tableform" onaftersave="saveTable()" oncancel="cancel()">
//UI code here
<button type="button" ng-disabled="tableform.$waiting" ng-click="tableform.$cancel()" class="btn btn-default">Cancel</button>
</form>
JS
// cancel all changes
$scope.cancel = function() {
};
答
可以有2形式中取消按钮和传递的形式作为属性。然后在相应的取消功能中,您可以调用表单。$ cancel然后执行您的逻辑。 form.$cancel
完成与调用ng-click="tableform.$cancel()"
相同的工作。
玩它:Plunker
//html
<button type="button" ng-disabled="tableform.$waiting" ng-click="cancel1(tableform)" class="btn btn-default">cancel 1</button>
<button type="button" ng-disabled="tableform.$waiting" ng-click="cancel2(tableform)" class="btn btn-default">cancel 2</button>
//controller
$scope.cancel1 = function(tableForm) {
// Call tableForm cancel to reset
tableForm.$cancel();
//Logic1
};
$scope.cancel2 = function(tableForm) {
// Call tableForm cancel to reset
tableForm.$cancel();
//Logic2
};
答
其实你应该能够采取怎样的取消按钮功能控制。如果仔细阅读代码,您会看到它们,它们只是创建一些按钮并根据当前表单状态(表单。$可见)显示或隐藏它们。
执行此类操作。
<button type="button" ng-disabled="tableform.$waiting" ng-click="tableform.$cancel()" class="btn btn-default">cancel1</button>
</div>
下面是一个example
是的,你说得对。谢谢:) – Sampath