变化剑道格UI工具栏动态

Question

我使用的剑道UI格，并初始化我通过创建和编辑按钮工具栏格像这样：

var grid = elem.kendoGrid({ 
         ... 
         toolbar: getToolBar(), 
}); 

getToolbar函数返回按钮的数组列表。现在例如用户点击编辑按钮后，我想添加两个名为“取消”和“保存”的新按钮。我已经使用这个代码，但我没用：

var grid = elem.kendoGrid({ 
         ... 
         edit: function (e) { 
          e.sender.options.toolbar = getCancelToolBar(); 
} 
}); 

我漫步如何更改工具栏上的按钮，这对编辑按钮用户点击后。 任何想法是欢迎和感谢在前进。

Answer 1

您必须在getToolBar()函数中指定所需的所有按钮，然后使用CSS来切换它们。

CSS：

.k-grid .k-grid-save-changes, 
.k-grid .k-grid-cancel-changes { 
    display: none; 
} 

JS：

var grid = elem.kendoGrid({ 
    ... 
    edit: function (e) { 
     e.sender.element.find('.k-grid-save-changes').show(); 
     e.sender.element.find('.k-grid-cancel-changes').show(); 
    } 
});