Question

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

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

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

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

我在用户点击编辑按钮后如何更改工具栏上的此按钮。任何想法都是受欢迎的，并感谢前进。

Answer 1

您必须在getToolBar()功能中指定所需的所有按钮，然后使用CSS＆amp; 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();
    }
});

动态更改kendo grid ui工具栏

1 个答案: