Kendo ui 声明性初始化中的剑道UI网格细节模板

我正在尝试使用声明式初始化实现一个带有细节模板的网格。如果有人告诉我为什么下面代码中的详细信息模板不起作用，我将不胜感激。这是我用的小提琴：

---

它不是

data details template=“detail template”

，而是

data detail template=“detail template”

（单数细节）

---

你的JSFIDLE在这里修改了

我的错。谢谢你。

    <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>

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);