Kendo MVVM Grid 自定义工具栏语法答案

【问题标题】：Kendo MVVM Grid Custom Toolbar SyntaxKendo MVVM Grid 自定义工具栏语法
【发布时间】：2014-08-27 15:10:27
【问题描述】：

我正在尝试在工具栏上添加一个自定义命令，该命令将在我的视图模型中调用 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>

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

【问题讨论】：

标签： kendo-ui kendo-grid kendo-mvvm

【解决方案1】：

工具栏应该是：

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

你有一个额外的 "[{'command': ", "}]" 和一个额外的 "," 在末尾p>

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

【讨论】：