Question

This is my MVVM Code and I have troubles customizing the text of Update/Cancel command buttons.
I have customized Edit/Delete buttons but what about the command buttons that are hidden for now and will be visible when I click on Edit button?
Please help me customizing such commands. How can I do that?

<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>

Answering this question would help a lot of people who want to customize or translate Update Command or Cancel Command as well as Edit Command or Destroy Command.

Answer 1

If you want to customize the buttons update,cancel,delete,add,edit just do this

{
            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
            ]

Here is a fiddle