Kendo UI Grid Detail Template в декларативной инициализации

Question

Я пытаюсь создать сетку с шаблоном детали, используя декларативную инициализацию. Я был бы признателен, если кто-нибудь скажет мне, почему шаблон данных в приведенном ниже коде не работает. Вот скрипку я использую: http://jsfiddle.net/SiddharthSD2/5MU4r/76/

<div id="demo-grid" data-role="grid" 
    data-bind="source: people" data-columns='[ 
      {"field": "name", 
      "title": "Full Name" 
      }, 
      {"field":"phone", "title":"Phone"}]' 
    data-details-template="detail-template" 

></div> 

<script id="detail-template" type="text/x-kendo-template"> 
    <div> 
     <span>Phone Number for #=name#:</span> 
     <span data-bind="text: phone" /> 
     <input data-bind="value: phone" /> 
    </div> 
</script> 

JavaScript

var ds = new kendo.data.DataSource({ 
    data: [ 
     {name: "Joe", phone: "212-555-1234"}, 
     {name: "Sally", phone: "212-999-7785"}, 
     {name: "Bill", phone: "212-244-7035"} 
    ] 
}); 

// Create an observable object. 
var vm = kendo.observable({ 
    people: ds, 
}); 
kendo.bind($("#demo-grid"),vm); 

Answer 1

Это не data-details-template="detail-template" но data-detail-template="detail-template" (в единственном числе подробно).

Ваш JSFiddle модифицирована здесь http://jsfiddle.net/OnaBai/5MU4r/77/