在html表格中渲染kendo模板

Question

是否有可能以任何方式渲染具有kendo模板的表格的表格行？

下面是它應該如何看，但它不會使表裏面的行，因爲一個<table>不允許<span>或<script>標籤裏面

<table class="table-striped"> 
    <span data-template="myTable" data-bind="source: numbers"></span> 
    <script id="myTable" type="text/x-kendo-template"> 
     <tr> 
      <td> 
       <span data-bind="text:number"></span> 
      </td> 
     </tr> 
    </script> 
</table> 


<script> 
    var numbers = [{number:1},{number:2},{number:3}] 
</script> 

Answer 1

我能夠把<script>標記爲表外的模板，並通過添加這樣的表內<tbody>標籤從<table>結合來解決它：

<table class="table-striped"> 
    <tbody data-template="myTable" data-bind="source: numbers"></tbody> 
</table> 

<script id="myTable" type="text/x-kendo-template"> 
    <tr> 
     <td> 
      <span data-bind="text:number"></span> 
     </td> 
    </tr> 
</script> 

Answer 2

你可以做這樣的：

<table id="output" class="table table-striped"></table> 


    var tablerows = ''; 
    var template = kendo.template("<tr><td><span>#: number #</span></td></tr>"); 
    var numbers = [{number:1},{number:2},{number:3}]; 
    for (var i=0; i<numbers.length; i++){ 
    tablerows += template(numbers[i]); 
    } 
    $("#output").empty().append(tablerows); 

DEMO

你也可以把循環的模板裏面...