Question

这是我的MVVM代码，我无法自定义更新/取消命令按钮的文本。我已经自定义了编辑/删除按钮，但是现在隐藏的命令按钮怎么样，当我点击编辑按钮时可以看到？请帮我定制这样的命令。我怎么能这样做？

<div id="grid"  data-role="grid" data-sortable="true" data-editable="inline" data-Scrollable="true"
    data-toolbar='[{name:"create", text:"新しいドメインの追加"}]'
    data-pageable="true"  data-columns='[{field: "Domain", title: "ドメイン", width: 250, filterable: false, sortable: false}, 
                                         {"command": [{name:"destroy",text:"削除"},
                                                      {name:"edit",text:"編集"}]}]' 

    data-bind="source: dataSource, events: { edit: edit, dataBound: dataBound }"></div>

回答这个问题可以帮助很多想要自定义或翻译更新命令或取消命令以及编辑命令或销毁命令的人。

Answer 1

要在Update模式Cancel时本地化update和popup按钮，您需要将命令定义为：

command: [
    {
        name: "edit",
        text: { edit: "Edita", update: "Actualiza", cancel: "Cancela"}
    },
    {
            name : "destroy",
            text : "Borra"
    }
],

编辑：如果您还想更改popup窗口的标题，则应在网格定义中将window.title添加到editable：< / p>

editable  : {
    mode : "popup",
    window : {
        title: "Edición",
    }
},

如果你想看一个例子：JSFiddle

Answer 2

如果您想自定义按钮更新，取消，删除，添加，编辑只需执行此操作

{
            command : [{
                name : "edit",
                text : {// sets the text of the "Edit", "Update" and "Cancel" buttons
                    edit : "CustomEdit",
                    update : "CustomUpdate",
                    cancel : "CustomCancel"
                },
            }, {
                name : "destroy",
                text : "Destroy"
            } // sets the text of the "Delete" button
            ]

这是fiddle

MVVM中的Kendo Grid以及翻译或自定义命令按钮

2 个答案: