Kendo ListView Подробный шаблон

Question

Привет, kendo listiview поддержка шаблона детали или нет, как кендо Сетка. Если не так, как я могу реализовать подробный шаблон с kendo listview.

С уважением

Answer 1

ListView не поддерживает подробный шаблон.

Лучше посмотрим, как templates работают и внутри основного шаблона положить элемент, который вы можете найти, когда происходит событие dataBound и снова превратить в шаблон.

Answer 2

Кендо Ui ListView не поддерживает данные шаблона, но это можно сделать тот же пользовательский интерфейс

настройки кендо 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); 
      }