Angle JS динамически добавить столбец в UI-сетки

Привет, я разрабатываю приложение Angular JS, в котором я использую угловую UI-Grid для отображения привязки данных, поступающих от контроллера MVC. Но после того, как я привяжу данные к UI-Grid, я хочу добавить дополнительный столбец в сетку, имеющую кнопки на каждой строке динамически.Я не знаю, как это сделать. Любая помощь будет благодарна..

code: Здесь columnDefs будет привязано к методу службы http, который вызовет действие mvc controll и ответ привязки. Я хочу добавить новый столбец. У него будут кнопки для каждой строки. Есть ли для привязки массива к полю columnDefs:

    $scope.gridOptions = {
            enableColumnsResize: true,
            enableSorting: false,
            enableFiltering: false,
            autoResize: true,
            enableFocusedCellEdit: true,
            enableCellSelection: true,
            enableCellEditOnFocus: true,
            enableColumnMenus: false,
            columnDefs: [

            ],
            data:$scope.swap,
            onRegisterApi: function (gridApi) {
                $scope.grid1Api = gridApi;
            }

        };
$http.get('/Default1/GetJsonData')
            .success(function (result) {
                $scope.swap = result;
                $scope.gridOptions.push({name:'newcol',filter:'newcolarray'})

                $scope.gridOptions.data = $scope.swap;
                console.log(result);
            })
            .error(function (data) {
                console.log(data);
            });

1 ответ

Вы должны быть в состоянии сделать следующее в вашем success() обработчик

$scope.gridOptions.columnDefs.push({name: 'newCol', displayName: 'My new col'});

И так далее, один такой вызов на столбец, прежде чем установить $scope.gridOptions.data

Другие вопросы по тегам