angular js动态地将列添加到ui-grid

时间:2016-09-06 13:53:50

标签: angularjs model-view-controller angular-ui-grid columndefinition

嗨,我正在开发角度js应用程序我正在使用角度ui-grid来显示绑定来自mvc控制器的数据。但是在我将数据绑定到ui-grid之后我想要添加额外的列到具有按钮的网格每一行动态。我不知道怎么做。任何帮助都会感激不尽。

代码:这里columnDefs将被绑定到http服务方法,它将调用mvc controll动作并绑定response.I想现在添加新列。每行都有按钮。是否有任何将数组绑定到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 个答案:

答案 0 :(得分:0)

您应该可以在success()处理程序

中执行以下操作
$scope.gridOptions.columnDefs.push({name: 'newCol', displayName: 'My new col'});

依此类推,在设置$scope.gridOptions.data

之前,每列调用一次