Kendo MVVM Grid自定义工具栏语法

时间:2014-08-27 15:10:27

标签: kendo-ui kendo-grid kendo-mvvm

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

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

1 个答案:

答案 0 :(得分:1)

工具栏应为:

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

你有额外的“[{'命令':”“}]”以及最后一个“,”

您可以在此处查看:http://jsfiddle.net/OnaBai/XNcmt/166/