剑道,基本模板绑定

时间:2014-11-20 12:25:07

标签: javascript data-binding kendo-ui kendo-template

也许我误解了文档,但我认为我可以做到这一点,显然我不能......

http://jsfiddle.net/dh2b835m/1/

<script id="editor" type="text/x-kendo-template">
    <h2>Object Id: #: data.id #</h2>
</script>

<div id="component" 
     data-bind="source: model" 
     data-template="editor" 
/>

<script>
   $(function() {
     var model = new kendo.observable({ id: 'test' });
     var component = $("#component");
     kendo.bind(component, model);
   });
</script>

我在这里缺少什么?

2 个答案:

答案 0 :(得分:0)

您的data-bind="source: model"需要模型中的元素model

同样在模板中data.id可能会失去data.

查看已修改的jsfiddle

请参阅此kendo documentation

答案 1 :(得分:0)

好的结果是文档没有提到这个,但你应该以这种方式绑定root时使用它...

<div id="component" 
     data-bind="source: this" 
     data-template="editor" 
/>

所有这些(在解决了这个问题之后)引起了更多问题......太棒了!