动态更改剑道网格 ui 工具栏答案

【问题标题】：change kendo grid ui toolbar dynamically动态更改剑道网格 ui 工具栏
【发布时间】：2014-10-20 06:23:10
【问题描述】：

我正在使用 kendo ui 网格，为了初始化，我将创建和编辑按钮传递给网格工具栏，如下所示：

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

getToolbar 函数返回按钮的数组列表。现在例如在用户单击编辑按钮后，我想添加两个名为 Cancel 和 Save 的新按钮。我用过这段代码，但我没用：

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

我徘徊在用户单击编辑按钮后如何更改工具栏上的此按钮。欢迎任何想法，并感谢转发。

【问题讨论】：

标签： kendo-ui kendo-grid

【解决方案1】：

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

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();
    }
});

【讨论】：