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