Passen Sie die Abbrechen-Schaltfläche code des X-editierbar (AngularJS)

Ist das möglich, wenn dem Benutzer das hinzufügen einer neuen Zeile und durch Klick auf die Schaltfläche Abbrechen(ohne irgendwelche Daten), wird die Zeile gelöscht werden.
Ansonsten wie kann ich den Abbrechen-button-code, weil dies die Standardeinstellung verwenden xeditable code von angularJS.(Oder vielleicht, wie kann ich rufen Sie die Funktion löschen, wenn die Zeile leer ist?)

Dies ist die BEISPIEL.

HTML der Schaltfläche "Abbrechen":

      <button type="button" ng-disabled="rowform.$waiting" ng-click="rowform.$cancel()" class="btn btn-default">
        cancel
      </button>
InformationsquelleAutor Mils | 2014-01-24
  1. 13

    Rufen Sie Ihre eigene Funktion. Um dies zu erreichen, sollten Sie ändern Sie Ihre html so:

    <button type="button" ng-disabled="rowform.$waiting" 

        ng-click="cancelAdvice(rowform, $index)" 

        class="btn btn-default">
        cancel
</button>

    Wie Sie sehen können gibt es eine neue Funktion, mit der form und den aktuellen index als parameter. In Ihrem controller, den Sie haben, um zu definieren, diese Funktion:

    $scope.cancelAdvice = function(rowform, index){
   console.log(rowform, index);
   $scope.removeUser(index);
   rowform.$cancel();
}

    Können Sie jetzt tun, Sie Ihre eigenen Sachen und Aufruf der form $ "Abbrechen", wenn Sie fertig sind.

    InformationsquelleAutor michael
  2. 3

    Alternativ, wenn Sie schauen xeditable.js Sie werden sehen, dass $cancel() ruft intern $oncancel() das sieht für oncancel - Attribut auf die form und die Funktion aufruft, geliefert in es. Anstatt also der Umgang mit der form, in der controller, den Sie haben könnte: 

    <form editable-form name="rowform" onbeforesave="saveRole($data, $index)" oncancel="removeIfNewRow($index)" ng-show="rowform.$visible" class="form-inline" shown="inserted == role">
                <button type="submit" ng-disabled="rowform.$waiting" class="btn btn-primary">
                    save
                </button>
                <button type="button" ng-disabled="rowform.$waiting" ng-click="rowform.$cancel()" class="btn btn-default">
                    cancel
                </button>
 </form>
    InformationsquelleAutor KlsLondon
Schreibe einen Kommentar