解决问题办法来自 http://www.coding123.net/article/20141113/easyui-datagrid-datailview-use-sub-datagrid-not-align.aspx

 $("#MsgListDiv").datagrid({
                     view: detailview,
                     detailFormatter:function(index,row){
                         return '<div style="padding:2px;width:1100"><table class="ddv"><tr></table></div>';
                     },
                     onExpandRow: function(index,row){
                         var ddv = $(this).datagrid('getRowDetail',index).find('table.ddv');
                         ddv.datagrid({
                             url: 'json/FaultMainten_queryFM.action?flag=1&pid=' + row.pid,
                             fitColumns:false,
                             singleSelect:true,
                             rownumbers:true,
                             loadMsg:'',
                             height:'auto',
                             columns:[[
                                 {field:'pname',title:'监测点名称',width:120,align:'center'},
                                 {field:'maintainer',title:'维护人员',width:70,align:'center'},
                                 {field:'maintainerTel',title:'电话',width:90,align:'center'},
                                 {field:'faultReason',title:'故障原因',width:70,align:'center'},
                                 {field:'hardwareReason',title:'硬件原因',width:80,align:'center'},
                                 {field:'softwareReason',title:'软件原因',width:80,align:'center'},
                                 {field:'repairData',title:'保修日期',width:130,align:'center'},
                                 {field:'processMode',title:'处理方式',width:90,align:'center'},
                                 {field:'processResult',title:'处理结果',width:90,align:'center'},
                                 {field:'processData',title:'处理日期',width:130,align:'center'},
                                 {field:'processContent',title:'具体处理内容',width:110,align:'center'}
                             ]],
                             onResize: function(){
                                 $('#MsgListDiv').datagrid('fixDetailRowHeight',index);
                             },
                             onLoadSuccess:function(){
                                 setTimeout(function(){
                                     var tr = ddv.closest('tr'), //获取子表格所在行
                                     id = tr.prev().attr('id'); //此子表格父行所在行的id
                                     id = id.replace(/-2-(\d+)$/, '-1-$1'); //detailview没有展开的前部分的id是有规则的
                                     $('#' + id).next().css('height', tr.height());//设置没展开的前部分的高度,由于启用了计时器,会闪一下
                                 }, 1);
                                     //$('MsgListDiv').datagrid('fixDetailRowHeight',index);
                                 //},0);
                             },
                             onDblClickRow: function(rowIndex, rowData) {        //双击事件
                                 view(rowData.id);
                                }
                         });
                         $('#MsgListDiv').datagrid('fixDetailRowHeight',index);
                     }
                 });

easyui datagrid detailview嵌套datagrid的问题的更多相关文章

  1. 在jQuery EasyUI中实现对DataGrid进行编辑

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  2. easyui 中iframe嵌套页面,大弹窗自适应居中的解决方法。$('#win').window()

    easyui 中iframe嵌套页面,大弹窗自适应居中的解决方法.$('#win').window() 以下是左边栏和头部外层遮罩显示和隐藏方法 /*外层 遮罩显示*/ function wrapMa ...

  3. easyui 中iframe嵌套页面,提示弹窗遮罩的解决方法,parent.$.messager.alert和parent.$.messager.confirm

    项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签.在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由 ...

  4. easyui datagrid 三层嵌套

    代码: function local(role,region,ip){ $("#roleList").datagrid({ // title:'服务器监控列表', height:( ...

  5. jquery easyui datagrid detailview groupview添加自定义视图view

    var myview = $.extend({}, $.fn.datagrid.defaults.view, { onAfterRender: function (target) { $.fn.dat ...

  6. easyui跨iframe属性datagrid

    1.问题 如何刷新easyui父级tab页中iframe嵌套页中的datagrid? 2.解决方法 (1) parent.$("iframe[title='tabtitle']") ...

  7. easyUI跨Tab操作datagrid

    1.在datagrid那个页面定义方法 window.top["RELOAD_MY_DATAGRID"]=function(){ $("#dg").datagr ...

  8. jquery easyui window中的datagrid,只能显示一次问题

    最近项目中用到easyui 的动态创建window ,window中嵌入了datagruid.第一次打开是能显示数据,但再次打开时确没显示: 注:url已成功返回了数据. 多次查阅easyui帮助文档 ...

  9. easyui textarea回车导致datagrid 数据无法展示的问题

    textarea换行 在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n在textarea中输入回车符 在js读取textarea中的值有\r\n然后 ...

随机推荐

  1. 一句SQL实现MYSQL的递归查询

    众所周知,目前的mysql版本中并不支持直接的递归查询,但是通过递归到迭代转化的思路,还是可以在一句SQL内实现树的递归查询的.这个得益于Mysql允许在SQL语句内使用@变量.以下是示例代码. 创建 ...

  2. ORA-01722: invalid number,ORA-12801

    SQL: SELECT /*+ parallel(a,32) */ a.id ,a.data_date ,a.mobile_num ,a.mobile_code ,b.prov AS mobile_p ...

  3. mysql分库分表总结<转>

    单库单表 单库单表是最常见的数据库设计,例如,有一张用户(user)表放在数据库db中,所有的用户都可以在db库中的user表中查到. 单库多表 随着用户数量的增加,user表的数据量会越来越大,当数 ...

  4. sql 字段先计算后再拿比对的字段进行比对 效率提升100倍

    关于日期索引的使用,不要计算后再对比,否则使用不了索引例如:以下执行不了索引,耗时很大 dywl=# explain analyze SELECT car_bill.billno,car_bill.b ...

  5. (转载)Setup Factory 会话变量

    本文转自http://www.cnblogs.com/lzjsky/archive/2010/11/18/1880440.html 方便今后查询 Session variables are speci ...

  6. spring框架源码编译

    程序猿小菜一枚,最近从github上面下载下来一份spring各个项目的源码一份,但是弄了很长时间,因为网速和(fanqiang)的速度,希望大家不要再为这种无谓的时间花费时间,简单来说github上 ...

  7. MySQL存储过程事务处理

    BEGIN ; ; START TRANSACTION; #这边放sql语句,涉及到的表必须都为InnoDB THEN ROLLBACK; ELSE COMMIT; END IF; END 转自:ht ...

  8. Android基础之退出应用程序Demo

    对于Android我也不是很熟悉,只是学习一些基本内容就OK.所以写的内容也很简单.本Demo要实现的效果就是双击返回键弹出提示框确认是否退出程序. 一.废话少说直接上代码.至于涉及到的相关包在Ecl ...

  9. xmind教程

    xmind是什么东西我不多说.作为一个程序员,我通常用来编写一个文档.比如某个模块的设计或者流程图. 一开始我是以word画图的方式来用xmind的,即想要什么图形,就去插入里面找.结果碰了一鼻子灰, ...

  10. phpcms 缓存

    PHPCMS设置和读取缓存文件 PHPCMS开发中经常用到读取文件缓存,比如常见的当前站点类别,是保存在缓存文件中的,读取的时候 用:$this->categorys = getcache(‘c ...