0
A
回答
1
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);
}
相關問題
- 1. 使用Angular模板進行Kendo UI Grid詳細模板
- 2. Kendo Listview + Kendo DataSource +模板
- 3. 詳細模板活動
- 4. Kendo網格客戶端詳細模板本地數據綁定
- 5. 可編輯的詳細模板Kendo UI網格
- 6. kendo ui詳細模板內的列客戶端模板中的「無效模板」錯誤
- 7. Kendo UI listview不能與模板連接
- 8. 主要詳細模板不顯示行
- 9. 「模板」和Verilog中的詳細說明?
- 10. Django的主/詳細信息模板
- 11. Kendo TabStrip和Kendo模板
- 12. Kendo dropdown - 模板
- 13. 顯示來自ListView的詳細信息
- 14. ListView中的詳細屬性不顯示
- 15. Django模板標籤中的詳細模式
- 16. 我可以在ListView的詳細模式下顯示鏈接嗎?
- 17. 我可以在ListView的詳細模式下顯示鏈接嗎?
- 18. 得到.NET的WinForms ListView的ColumnHeaders的高度(詳細模式)
- 19. asp.net詳細模型邏輯
- 20. KendoUI kendo網格與k-細節模板不會觸發更新
- 21. Kendo UI來自列陣列的動態細節模板Grid
- 22. Kendo Grid Kendo模板的可拖拽行
- 23. 在setDataSource上更改Kendo Mobile ListView的模板?
- 24. Kendo UI循環通過Json中的ListView模板內的集合
- 25. Kendo UI Web ListView和外部模板以及如何呈現HTML
- 26. ListView insertitem模板
- 27. 詳細
- 28. 隱藏在TortoiseHg中的詳細面板
- 29. IllegalStateException當從主動詳細模板中的活動返回時
- 30. 正在更新XCode項目模板的詳細信息