Les valeurs de la liste déroulante xeditable Grid ne peuvent pas changer depuis la liste déroulante extérieure

Sampath

J'utilise xeditable directive.I angulaire besoin de mettre tout le menu déroulant des valeurs de la grille de la Statuscolonne en fonction de la valeur de l'extérieur tomber. J'ai installé le JsFiddle ici. Mais ça ne fonctionne pas. Pouvez-vous me dire pourquoi? Merci d'avance.

Mise à jour: Lorsque je clique sur le cancelbouton, il est mis à jour.Très étrange: (Pouvez-vous me dire comment résoudre ce problème?

HTML

<span editable-select="bulkPaymentType" e-form="tableform" e-ng-options="s.value as s.text for s in statuses" e-ng-change="setBulkPaymentType($data)">
 </span>

js

 $scope.setBulkPaymentType = function (data) {
        for (var i = $scope.users.length; i--;) {
            var user = $scope.users[i];
            user.status = data;
        };
    };

JSFiddle

Sampath

J'ai trouvé la solution, la voici :)

HTML

<span editable-select="bulkPaymentType" e-form="tableform" e-ng-options="s.value as s.text for s in statuses" e-ng-change="setBulkPaymentType($data,tableform)">
 </span>

JS

$scope.setBulkPaymentType = function (data,tableform) {
        for (var i = 0; i < tableform.$editables.length; i++) {
            if (tableform.$editables[i].name === 'user.status') {
                tableform.$editables[i].scope.$data = data;

            }
        }
    };

Jouez avec: JSFiddle

Articles connexes