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>

// cancel all changes 
    $scope.cancel = function() { 

    };

JSFiddle

来源

2015-07-13 Sampath

可以有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 
    };

来源

2015-07-14 06:25:42 Bharat

是的，你说得对。谢谢:) – Sampath

其实你应该能够采取怎样的取消按钮功能控制。如果仔细阅读代码，您会看到它们，它们只是创建一些按钮并根据当前表单状态（表单。$可见）显示或隐藏它们。

执行此类操作。

<button type="button" ng-disabled="tableform.$waiting" ng-click="tableform.$cancel()" class="btn btn-default">cancel1</button> 
    </div>

下面是一个example

来源

2015-07-13 14:05:38

我怎能舍弃1个事件2个功能根据你的榜样？你只使用'oncancel'事件。 – Sampath

我需要在这些事件上实现2种方法或行为（即2次取消事件）。 – Sampath

在这种情况下，我认为您可能需要为每个跨度创建一个带有名称的电子表格，以便您可以访问每个表格的$ cancel方法 –

2取消Xeditable角度指令上的按钮

回答

相关问题