6 votes

DrVishnu avatar

ag-grid Impossible de lire la propriété 'setRowData' car gridOptions.api n'est pas défini.

Demandé el 21 de Mars, 2017
Quand la question a-t-elle été
10225 affichage
Nombre de visites la question a
3 Réponses
Nombre de réponses aux questions
Résolu
Situation réelle de la question

J'ai un ag-grid qui fonctionne dans le projet. Mais maintenant, lorsque j'ai porté la même chose à une autre page, j'ai obtenu une erreur. J'ai essayé d'éviter l'appel http entre les deux et j'ai essayé directement de définir les données ROW par le biais de

 $scope.gridOptions.api.setRowData(RowDatas);

mais l'erreur est "TypeError : Cannot read property 'setRowData' of undefined".

Donc, en déboguant, j'ai réalisé que l'api est indéfinie. Voici mon code complet. S'il vous plaît, vérifiez ce que j'ai oublié.

<head>
<script src="js/angular_1_3_8.js"></script>
<script src="js/angular-filter.js"></script>
<script src="workbench/agGrid/dist/ag-grid.js?ignore=notused34"></script>
<script>
    agGrid.initialiseAgGridWithAngular1(angular);
    var app = angular.module("workbenchApp", ['angular.filter',"agGrid"]);
    app.controller("workBenchCtrl", function ($scope, $http, $filter) {

    var columnDefs = [
    {headerName: "Name", field: "Name"},
    {headerName: "Cr", field: "dc"},
    {headerName: "Ac", field: "da"},
    {headerName: "Mo", field: "dm"},

];

var RowDatas=[{"Name": "SUHDLOG.DAT", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "2002-12-27 09:51:22"},
{ "Name": "BOOTLOG.PRV", "dc": "1970-01-01 05:30:00", "da": "2005-04-01 00:00:00", "dm": "2005-04-01 15:13:30"},
{ "Name": "FRUNLOG.TXT", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "2002-12-27 09:52:56"},
{ "Name": "COMMAND.COM", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "1999-04-23 22:22:00"},
{ "Name": "BOOTLOG.TXT", "dc": "1970-01-01 05:30:00", "da": "2005-04-02 00:00:00", "dm": "2005-04-02 14:38:00"},
{ "Name": "DETLOG.TXT", "dc": "1970-01-01 05:30:00", "da": "2002-12-28 00:00:00", "dm": "2002-12-28 09:56:02"},
{ "Name": "CONFIG.SYS", "dc": "1970-01-01 05:30:00", "da": "2005-06-16 00:00:00", "dm": "2003-07-03 18:39:50"},
{ "Name": "DBLSPACE.BIN", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "1999-04-23 22:22:00"},
{ "Name": "MSDOS.SYS", "dc": "1970-01-01 05:30:00", "da": "2003-07-03 00:00:00", "dm": "2002-12-27 10:01:58"},
{ "Name": "DRVSPACE.BIN", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "1999-04-23 22:22:00"},
{ "Name": "MSDOS.---", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "2002-12-27 09:46:28"},
{ "Name": "SETUPLOG.TXT", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "2002-12-27 10:04:12"},
{ "Name": "WSOCK32.DLL", "dc": "1970-01-01 05:30:00", "da": "2005-06-16 00:00:00", "dm": "2002-12-27 09:47:10"},
{ "Name": "CFGWIZ.DLL", "dc": "1970-01-01 05:30:00", "da": "2005-02-26 00:00:00", "dm": "2002-12-27 09:47:12"},
];

$scope.gridOptions = {
        angularCompileHeaders: true,
        columnDefs: columnDefs,
        rowData:[{"Name": "SUHDLOG.DAT", "dc": "1970-01-01 05:30:00", "da": "2002-12-27 00:00:00", "dm": "2002-12-27 09:51:22"}]
                };

    /*
    $http.get('FileList.json').success(function (response) {
    $scope.TData = response;
    DateArray=$scope.TData.Files;
    $scope.gridOptions.api.setRowData(DateArray);

    });
    */
    $scope.gridOptions.api.setRowData(RowDatas);

    });
</script>
</head>
<body>
<div ng-app="workbenchApp">
    <div ng-controller="workBenchCtrl">
        <div ag-grid="gridOptions" class="ag-blue" style="height: 500px;"></div>
    </div>
</div>
</body>
Demandé el 21 de Mars, 2017 par DrVishnu

Réponses

Trop de publicités?

10voto

Jhade SaGrave avatar
Jhade SaGrave Points 41

J'ai eu le même problème qui semblait être causé par le fait que la méthode était appelée deux fois. La première fois, avant que l'API ne soit définie, le code interne plantait. Lors du second passage, l'api a été définie.

OnGridReady n'a pas fonctionné pour moi, pas plus que l'utilisation de nextTick ou timeout de Vue.

J'ai finalement résolu le problème en utilisant un if :

if (this.gridOptions.api) {
    this.gridOptions.api.setFilterModel(null);
}

Cela lui a permis de passer au-dessus de lui la première fois sans s'écraser, puis de le rattraper la deuxième fois et de faire le travail.

(J'espère que cela aidera quelqu'un. Ça m'a causé beaucoup de frustration).

Répondu el 30 de Avril, 2018 par Jhade SaGrave (41 Points )

6voto

Sean Landsman avatar
Sean Landsman Points 2610

L'api de la grille ne sera prête que lorsque la grille sera initialisée. Vous pouvez utiliser l'événement gridReady pour cela :

$scope.gridOptions = {
    onGridReady: function() {
        $scope.gridOptions.api.setRowData(...your data);
    }
Répondu el 21 de Mars, 2017 par Sean Landsman (2610 Points )

1voto

Israel Neves avatar
Israel Neves Points 18

Essayez ceci :

 onGridReady: function(params) {
            params.api.setRowData(...your data);
        }
Répondu el 12 de Décembre, 2017 par Israel Neves (18 Points )

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

Yandex
X