4

嗨,我正在开发 angular js 应用程序,其中我使用 angular ui-grid 来显示绑定来自 mvc 控制器的数据。但是在我将数据绑定到 ui-grid 之后,我想在每行上动态添加按钮的网格中添加额外的列.我不知道该怎么做。任何帮助将不胜感激..

代码:这里 columnDefs 将绑定到 http 服务方法,该方法将调用 mvc 控件操作并绑定响应。我现在想添加新列。每行都有按钮。是否有任何将数组绑定到 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);
            });
4

1 回答 1

0

您应该能够在success()处理程序中执行以下操作

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

依此类推,在你设置之前,每列一个这样的调用$scope.gridOptions.data

于 2016-09-06T21:03:43.103 回答