Kendo MVVM Grid Custom Toolbar Синтаксис

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> 

Но я получаю эту ошибку: «Ошибка Uncaught: Пользовательские команды должны иметь имя, заданное», даже если я указал имя. Какая у меня ошибка?

Answer 1

Панель должна быть:

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

У вас есть дополнительная "[{ 'команда':", "}]", а также дополнительная "" в конце

Вы можете посмотреть его здесь: http://jsfiddle.net/OnaBai/XNcmt/166/