Как добавить проп/значение динамически кендо столбцы

Question

После инициализации

<div kendo-grid="grid" k-options="vm.gridOptions" k-columns="vm.columns" ng-show="vm.filtered"></div> 

JS:

vm.columns = [ 
    { 
    field: 'client', 
    title: 'Client', 
    attributes: { 'class': 'k-gridRow' } 
    }, 
    { 
    field: 'total', 
    title: 'Total', 
    attributes: { 'class': 'text-right' }, 
    format: '{0:n0}', 
    width: 110 
............ 

мне нужно добавить/изменения в колонке общего FooterTemplate с новыми значениями после некоторых событий на странице

Я пробовал vm.columns[3]['footerTemplate'] = '2333';, но он не работает. Помогите пожалуйста, возможно, заново закрепите эту колонку, по крайней мере, этот плохой вариант, хотя

Answer 1

Вам необходимо использовать способ setOptions() для изменения любых параметров виджетов после инициализации. Попробуйте это:

var grid = $("#grid").data("kendoGrid"); 
var columns = grid.getOptions().columns; // Get the columns from getOptions() 

// Change whatever you like 
columns[1].footerTemplate = "Min: (#: min #) - Max: (#: max #)"; 

// Set only columns options again 
grid.setOptions({ 
    columns: columns 
}); 

Demo