劍道模板不工作

Question

我的JavaScript

(function() { 
    var viewModel = kendo.observable({ 
     dataEntryStyle : "block", 
     productsDatasource: new kendo.data.DataSource({  
     }) 
    });  
    kendo.bind($("#consumable"), viewModel); 

})(); 

的Html -

<script type="text/x-kendo-template" id="testTemplate"> 
     <span data-bind="text: dataEntryStyle"></span> 
</script> 

<div id="consumable" data-template="testTemplate"></div> 

此模板似乎並沒有工作，我希望看到「塊」作爲輸出，但它的空白。

Answer 1

綁定源到HTML元素

(function() { 
 
    var viewModel = kendo.observable({ 
 
    dataEntryStyle: "block", 
 
    productsDatasource: new kendo.data.DataSource({}) 
 
    }); 
 
    kendo.bind($("#consumable"), viewModel); 
 

 
})();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script> 
 

 

 
<div id="consumable" data-template="testTemplate" data-bind="source:dataEntryStyle"></div> 
 

 
<script type="text/x-kendo-template" id="testTemplate"> 
 
    <span data-bind="text: dataEntryStyle"></span> 
 
</script>