Kendo ListView詳細模板

Question

你好kendo listiview支持詳細模板或不喜歡kendo Grid。如果不是我可以用kendo listview實現詳細模板。

Regards

Answer 1

ListView不支持詳細模板。

更好看看如何templates正在與主要的模板內把它當dataBound事件發生時，你可以找到並再次變成模板的元素。

Answer 2

劍道UI列表視圖不支持細節模板，但它可以做到相同的用戶

界面定製劍道GridView的詳細信息模板。

這裏的簡單代碼：

<div id="listView"></div> 

<script type="text/x-kendo-template" id="template"> 
    <div style="height:150px;width:30%;float:left;background-color:gray"> 
    </div> 
    <div style="width:65%;float:left" class="customGrid"></div> 
</script> 

this.List = $("#listView").kendoGrid({ 
       dataSource: [{ Id: 1, Name: 'A' }, { Id: 2, Name: 'B' }, { Id: 3, Name: 'C' }, { Id: 4, Name: 'D' }],     
       detailTemplate: kendo.template($("#template").html()), 
       detailInit: detailInit, 
       scrollable:false 
      }).data('kendoGrid'); 
      var selectTr; 
      function detailInit(e) { 
       alert(e.data.Id); 
       var detailRow = e.detailRow; 

       var gg = detailRow.find(".customGrid").kendoGrid({ 
        dataSource: [{ Id: 1, Name: 'A' }, { Id: 2, Name: 'B' }, { Id: 3, Name: 'C' }, { Id: 4, Name: 'D' }], 
        scrollable: false, 
        selectable: 'row', 
        change: function() { 
         selectTr = this.select(); 
         console.log(selectTr.closest('.customGrid').data('grid').dataItem(selectTr)); 

        } 

       }).data('kendoGrid'); 
       detailRow.find(".customGrid").data('grid', gg); 
      }