标签:
解决问题办法来自 http://www.coding123.net/article/20141113/easyui-datagrid-datailview-use-sub-datagrid-not-align.aspx
1 $("#MsgListDiv").datagrid({ 2 view: detailview, 3 detailFormatter:function(index,row){ 4 return ‘<div style="padding:2px;width:1100"><table class="ddv"><tr></table></div>‘; 5 }, 6 onExpandRow: function(index,row){ 7 var ddv = $(this).datagrid(‘getRowDetail‘,index).find(‘table.ddv‘); 8 ddv.datagrid({ 9 url: ‘json/FaultMainten_queryFM.action?flag=1&pid=‘ + row.pid, 10 fitColumns:false, 11 singleSelect:true, 12 rownumbers:true, 13 loadMsg:‘‘, 14 height:‘auto‘, 15 columns:[[ 16 {field:‘pname‘,title:‘监测点名称‘,width:120,align:‘center‘}, 17 {field:‘maintainer‘,title:‘维护人员‘,width:70,align:‘center‘}, 18 {field:‘maintainerTel‘,title:‘电话‘,width:90,align:‘center‘}, 19 {field:‘faultReason‘,title:‘故障原因‘,width:70,align:‘center‘}, 20 {field:‘hardwareReason‘,title:‘硬件原因‘,width:80,align:‘center‘}, 21 {field:‘softwareReason‘,title:‘软件原因‘,width:80,align:‘center‘}, 22 {field:‘repairData‘,title:‘保修日期‘,width:130,align:‘center‘}, 23 {field:‘processMode‘,title:‘处理方式‘,width:90,align:‘center‘}, 24 {field:‘processResult‘,title:‘处理结果‘,width:90,align:‘center‘}, 25 {field:‘processData‘,title:‘处理日期‘,width:130,align:‘center‘}, 26 {field:‘processContent‘,title:‘具体处理内容‘,width:110,align:‘center‘} 27 ]], 28 onResize: function(){ 29 $(‘#MsgListDiv‘).datagrid(‘fixDetailRowHeight‘,index); 30 }, 31 onLoadSuccess:function(){ 32 setTimeout(function(){ 33 var tr = ddv.closest(‘tr‘), //获取子表格所在行 34 id = tr.prev().attr(‘id‘); //此子表格父行所在行的id 35 id = id.replace(/-2-(\d+)$/, ‘-1-$1‘); //detailview没有展开的前部分的id是有规则的 36 $(‘#‘ + id).next().css(‘height‘, tr.height());//设置没展开的前部分的高度,由于启用了计时器,会闪一下 37 }, 1); 38 //$(‘MsgListDiv‘).datagrid(‘fixDetailRowHeight‘,index); 39 //},0); 40 }, 41 onDblClickRow: function(rowIndex, rowData) { //双击事件 42 view(rowData.id); 43 } 44 }); 45 $(‘#MsgListDiv‘).datagrid(‘fixDetailRowHeight‘,index); 46 } 47 });
easyui datagrid detailview嵌套datagrid的问题
标签:
原文地址:http://www.cnblogs.com/jiebai/p/4739683.html