subGrid,也就是datagrid中再套一层datagrid,比较适合用于显示一些带有层次的数据,比如要显示一批订单,订单包含具体的货物。这样一个需求,就可以用到subGrid。
我们可以先看看官网上subGrid的样子来增强一下视觉上的感觉。
如何来实现呢?若只是用来显示一下数据,其实还是简单的。
看看demo的代码量也不过区区几十行,跟上思路很容易就可以理解了。
$(function(){
$('#dg').datagrid({
view: detailview,
detailFormatter:function(index,row){
return '<div style="padding:2px"><table class="ddv"></table></div>';
},
onExpandRow: function(index,row){
var ddv = $(this).datagrid('getRowDetail',index).find('table.ddv');
ddv.datagrid({