kendo-ui - Kendo MVVM Grid 自定义工具栏语法

Question

我正在尝试在工具栏上添加一个自定义命令，该命令将在我的视图模型中调用 JavaScript 函数。我的 HTML：

        <div id="dependencyGrid" data-role="grid"
            data-editable="inline"
            data-toolbar="[{'command':[{'text':'+ Add New Record','click':'this.editApp','name':'Edit-App'}]}]",
            data-bind="source: dependencies"
            data-columns="[
                { command: ['edit', 'destroy'], width: 97},
                { field: 'SystemId', title: 'SystemId', width: 50, hidden: true },
                { field: 'DependentOnSystemId', title: 'Dependent On', width: 190 },
            ]">
        </div>

但我收到此错误：“未捕获的错误：自定义命令应指定名称”，即使我已指定名称。我的错误是什么？

Answer 1

工具栏应该是：

data-toolbar="[{'text':'+ Add New Record','click':'this.editApp','name':'Edit-App'}]"

你有额外的"[{'command': " , "}]"最后还有一个额外的 ","

你可以在这里看到它：http: //jsfiddle.net/OnaBai/XNcmt/166/