码迷,mamicode.com
首页 > 其他好文 > 详细

easyui datagrid detailview嵌套datagrid的问题

时间:2015-08-18 18:04:18      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

解决问题办法来自 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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!