如何动态地将道具/值添加到剑道列

时间:2016-02-18 10:29:12

标签: javascript kendo-ui

初始化后

<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
............

我需要在页面

上的某些事件之后使用新值添加/更改列total footerTemplate

我试过了vm.columns[3]['footerTemplate'] = '2333';,但它没有用。 请帮助,也许至少重新启动这个专栏,这个坏的变体虽然

1 个答案:

答案 0 :(得分:0)

初始化后,您必须使用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