UI-Grid GridApi не определено - PullRequest
Новая
       15

UI-Grid GridApi не определено

0 голосов
/ 05 октября 2018

В моем приложении у меня есть пользовательский интерфейс с бесконечной прокруткой.Я включаю библиотеки в свое приложение и объявляю его. 

var TestApp = angular.module('TestApp', [
'angucomplete-alt', 
'ngRoute', 
'infinite-scroll', 
'moment-picker',
'errorInterceptor',
'ui.select',
'ngSanitize',
'backToTop',
'stompNotifications',
'HeaderApp',
'ui.grid',
'ui.grid.autoResize',
'ui.grid.grouping',
'moment-picker',
'ui.grid.exporter',
'ui.grid.edit',
'ui.grid.cellNav',
'ui.grid.infiniteScroll',
'ngDialog'
]);

На моем контроллере: 

    $scope.grid = {
            enableColumnMenus: false,
            enableSorting: true,
            enableFiltering: true, 
            enableHiding: true,
            enableInfiniteScroll: true,
            infiniteScrollUp: true,
            infiniteScrollDown: true,
            infiniteScrollRowsFromEnd: 40,
            columnDefs: [
                { field: 'code',            cellTooltip: true, width: "25%", displayName: 'Code', filter: {disableCancelFilterButton: true}},
                { field: 'description',     cellTooltip: true, width: "60%", displayName: 'Description', filter: {disableCancelFilterButton: true}},
                { field: 'id', displayName: 'Actions', cellTemplate: '../resources/default/ui/views/azioni.html', width: "15%"},
            ],
            enableGridMenu: true,
            onRegisterApi: function( gridApi ) {
                $scope.gridApi = gridApi;
                gridApi.infiniteScroll.on.needLoadMoreData($scope, $scope.getDataDown);
                gridApi.infiniteScroll.on.needLoadMoreDataTop($scope, $scope.getDataUp);
                $scope.gridApi.grid.registerColumnsProcessor( MainGridUtils.setGroupValues, 410 );

            }  
        };

В моем коде $ scope.gridApi не определено. Почему?Почему моя сетка не срабатывает на RegisterApi?В моем HTML-коде сетка включает в себя 

<div id="grid1" ui-grid="grid" class="grid" style="width: 100%; " ui-grid-ext ui-grid-auto-resize ui-grid-exporter ui-grid-infinite-scroll></div>

Спасибо заранее за помощь мне.

...