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

前端之家收集整理的这篇文章主要介绍了angularjs – angular js动态地将列添加到ui-grid前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,我正在开发角度js应用程序我正在使用角度ui-grid来显示绑定来自mvc控制器的数据.但是在我将数据绑定到ui-grid之后我想要将额外的列添加到网格上,每行都有按钮我不知道怎么做.任何帮助都会感激不尽..

code:这里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);
            });

解决方法

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

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

依此类推,在设置$scope.gridOptions.data之前,每列调用一次

猜你在找的Angularjs相关文章