динамический columnDef в ng-Grid

Question

динамический columnDef в ng-Grid

Я хочу назначить ng-grid columns name динамически после значения, возвращаемого из базы данных, но проблема в том, что он инициализируется до возврата данных из ajax, и я не могу вспомнить gridOption, поэтому он показывает balnk, поэтому, пожалуйста, помогите мне, как мы можем построить имя столбца по возвращаемому значению ajax.

$scope.gridOptions =

        {

            data: 'data.Values',

            columnDefs:

            [

                    { field: "ID", displayName: "Record Id" },

                    { field: "Value", displayName: $scope.ColumnName, cellFilter: cellfilterType },                       

        ],



        };

Где $scope.ColumnName идет снизу строки...

 RecordService.getRecords().then(function (data) {  

  $scope.ColumnName=  data.something;

 }

Спасибо

552 4

javascript angularjs ng-grid

4 ответов:

Comments

Ничего не найдено.

freedom · Accepted Answer · 2015-11-04 19:35:41

Спасибо Макс за вашу помощь, я сделал это с помощью columnDef, как показано ниже

Шаг 1:
$scope.colDef = [];
Шаг 2:
RecordService.getRecords().then(function (data){      
    $scope.colDef=["CoulumnName":data.something]    
}
Шаг 3:
$scope.gridOptions = {   
    data: 'data.UdiValues',  
    columnDefs:'colDef',            
    filterOptions: $scope.filterOptions  
};  

Maxim Shoustin · Accepted Answer · 2013-10-28 12:07:46

Попробуйте сначала установить значение "default", а затем изменить его с помощью promise

$scope.gridOptions =
        {
            data: 'data.Values',
            columnDefs:
            [
                    {  
                     field: "ID",
                     displayName: "Record Id"
                    },
                    { field: "Value",
                      displayName: "default",
                      cellFilter: cellfilterType
                    },                       
        ]    
        };

А теперь:

RecordService.getRecords().then(function (data) {  
  $scope.gridOptions.columnDefs[1].displayName =  data.something;
 }

Сервис RecordService возвращает обещание, поэтому мы создаем фабрику обещаний, как:

.factory('RecordService', ['$resource','$q',  function($resource, $q) {
    var data =   {  something: "from service" } ; 

       var factory = {
            getRecords: function (selectedSubject) {
                var deferred = $q.defer();            
               deferred.resolve(data);
                return deferred.promise;
            }
        }
        return factory;
}]);

Демо Скрипка

chaity · Accepted Answer · 2017-05-23 14:45:46

Что-то вроде это

Вернуться в JSON, поиграть, использовать сделать отображение строк и т. д.?

Eassa Nassar · Accepted Answer · 2016-06-01 12:21:44

Я сделал что-то вроде этого: -

self.gridOptions.columnDefs = columnDefs(colDef,displayNames);

ColumnDef-это: -

var columnDefs = function(data,cd){
        var colDef= [];
        var mi = null;
        var colByOrder = sortedByOrder(data); 
        for(var i=0 ; i < colByOrder.length ; i++){
            colDef.push({
                width: width,
                field: String(colByOrder[i][1].position),
                menuItems: menuItems(this),
                displayName: cd[colByOrder[i][1].position],
                enableSorting: false,
                type: 'string',

            });
        }
        return colDef;          
    };