angular js动态添加列到ui-grid
angular js动态添加列到ui-grid
提问于 2016-09-06 21:53:50
嗨，我正在开发angular js应用程序，其中我正在使用angular ui-grid显示绑定来自mvc controller.But的数据，在我绑定数据到ui-grid后，我想添加额外的列到网格中，每行都有按钮。我不知道如何做it.Any帮助将不胜感激。
代码:这里columnDefs将被绑定到http服务方法，该方法将调用mvc控制操作并绑定响应。我想添加新的列，now.That将为每个row.Is添加按钮，以便将数组绑定到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
Stack Overflow用户
发布于 2016-09-07 05:03:43
您应该能够在success()处理程序中执行以下操作
$scope.gridOptions.columnDefs.push({name: 'newCol', displayName: 'My new col'});依此类推，在设置$scope.gridOptions.data之前，每列调用一次
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39350809
复制相关文章
相似问题
腾讯云开发者
