Le sélecteur de date jQuery ne fonctionne pas avec une cellule ng-grid

Question

J'ai un problème avec l'intégration du sélecteur de date de jQuery avec l'extension ng-grid d'AngularJS. Plus précisément, le sélecteur de date de jQuery n'est pas en mesure de renvoyer les données vers le ng-grid, mais génère cette erreur : Uncaught Données d'instance manquantes pour ce sélecteur de date. Toutes les recherches sur ce message d'erreur ne concernent pas son utilisation dans ng-grid.

Question recréée dans ce violon : http://jsfiddle.net/ADukg/2363/

Toute aide ou explication serait très appréciée. Merci !

var myApp = angular.module('myApp', ['ui', 'ngGrid']);

function Ctrl($scope) {

    $scope.data = [{
        "Title": "Title",
        "Date": new Date("01/03/1970")

    }];

    $scope.kpiGridOptions={data:'data',
        enableCellEdit:true,
                columnDefs:[{field:'Title', displayName:'Title'},
            {field:'Date', displayName:'Date', editableCellTemplate:'<input ui-date ui-date-format ng-model="row.entity[col.field]">'}]
    }
};

Answer 1

Il semble que vous ayez eu quelques options incorrectes. editableCellTemplate doit être réglé sur true et vous devez spécifier le modèle dans cellTemplate .

http://jsfiddle.net/ADukg/2370/

$scope.kpiGridOptions = { 
    data:'data',
    enableCellEdit:true,
    columnDefs: [
        { field:'Title', displayName:'Title'},
        { field:'Date', displayName:'Date', editableCellTemplate: true, cellTemplate: 
          '<input ui-date ui-date-format ng-model="row.entity[col.field]">' }
    ]
}

Aussi, "Date": new Date("01/03/1970") ne permet pas d'afficher une date par défaut dans le input champ. La modification de l'affectation en une représentation de type chaîne de caractères résout toutefois ce problème, comme vous pouvez le voir dans l'exemple suivant jsfiddle . Je n'ai pas le temps de chercher à comprendre pourquoi, mais j'espère que ce n'est pas un problème pour vous.

J'espère que cela vous aidera.