1

我已经安装了带有 POPUP 选项的 KendoGrid。

现在我被困在某个地方，我找不到任何帮助来以我想要的方式修复它。

所以这是我在使用 KendoGrid 弹出窗口编辑时面临的问题。

当我单击添加新记录时，顶部的标题显示编辑，与单击编辑时显示的相同。

http://jsfiddle.net/valchev/BCBzS/1/

按钮也显示更新，而不是创建弹出窗口上的保存按钮..

我想我必须在下面添加更多类似的东西来创建新记录..

editable: {
    mode: "popup",
    template: kendo.template($("#popup_editor").html())
},

并且弹出创建模板与编辑模板不同？

谁能帮我解决这个问题？

4

3 回答 3

5

如果您查看弹出编辑的演示页面，这似乎是正常行为......

但是您可以欺骗并使用edit网格事件来改变它。只需在此事件的开头添加以下代码：

if(!e.model.Id) {
    $(".k-window .k-window-title").text("Add new record");
    $(".k-window .k-grid-update").html("<span class=\"k-icon k-update\"></span>Create");
}

请参阅更新的jsFiddle。

于 2013-04-18T13:41:06.790 回答
0

您可以使用 Kendo UI 网格本地化来更改弹出标题。

要更改Edit标题，您应该在网格中定义：

editable  : {
    mode : "popup",
    window : {
        title: "Create",
    }
},

为了改变按钮的标签，我们需要做一些小技巧......这些标签可以本地化column.command如下：

columns   : [
    {
        command: [
            {
                name: "edit",
                text: { edit: "Modify", update: "Save", cancel: "Cancel"}
            }
        ],
    },
    ...

问题是窗口标题和按钮标签在编辑和创建按钮之间共享，因此更改一个您会更改两者。你能找到一些对两者都有效的标签吗？

看它在JS Fiddle中运行

于 2013-04-18T23:32:24.430 回答
0

通过添加以下代码来做到这一点

                           edit: function (e) { if (!e.model.isNew()) {
                                e.container.kendoWindow("title", "Update Address");
                            } else {
                                e.container.kendoWindow("title", "New Address");
                            }
                        }
于 2014-10-29T04:54:21.557 回答