javascript - 在 html 表中渲染剑道模板

Question

是否有可能以任何方式使用剑道模板呈现表格的表格行？

它应该是这样的但它不会呈现表内的行，因为<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

你可以这样做:

   <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

您也可以将循环放在模板中...