miniui dataGrid detail grid

   <div >
      <div id="vkhGrjx_grid" class="mini-datagrid" style="100%;height:100%;" allowResize="true"
            url="<%=basePath%>sso/vkhGrjx/findByMyCondition"  idField="id" multiSelect="true" pageSize="15" onshowrowdetail="onShowRowDetail">
            <div property="columns">
            <div type="expandcolumn" headerAlign="center" Align="center" width="5%">#</div>
        <div field="khlbmc" width="12%" headerAlign="center" Align="center" allowSort="true">考核类别名称</div>
        <div field="sj" width="12%" headerAlign="center" Align="center" allowSort="true">实绩</div>
        <div field="df" width="12%" headerAlign="center" Align="center" allowSort="true" >得分</div>
     </div>
    </div>
    </div>
     <div id="detailGrid_Form" style="display:none;">
        <div id="tpaGrjx2_grid" class="mini-datagrid" style="100%;height:420px;" allowResize="true"
            url="<%=basePath%>sso/tpaGrjx2/findByCondition"  idField="id" pageSize="8">
            <div property="columns">
                <div field="khxmmc" width="30%" headerAlign="center" Align="center" allowSort="true">考核项目名称</div>
                <div field="sj" width="5%" headerAlign="center" Align="center" allowSort="true">实绩</div>
                <div field="fz" width="5%" headerAlign="center" Align="center" allowSort="true">分值</div>
                <div field="df" width="5%" headerAlign="center" Align="center" allowSort="true">得分</div>
                <div field="rq" width="10%" headerAlign="center" Align="center" dateFormat="yyyy-MM-dd" allowSort="true">日期</div>
                <div field="xm2" width="10%" headerAlign="center" Align="center" allowSort="true">评议人</div>
                <div field="pjqk" width="10%" headerAlign="center" Align="center" allowSort="true">评议情况</div>
                <div field="pylb" width="10%" headerAlign="center" Align="center" allowSort="true">评议类别</div>
                <div field="ssyy" width="10%" headerAlign="center" Align="center" allowSort="true">申诉原因</div>
                <div field="ssdf" width="10%" headerAlign="center" Align="center" allowSort="true">申诉答复</div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        mini.parse();
        var currentUserName = '${sessionScope.sessionUser.userName}';
        var zongfen = <%=(String)request.getAttribute("zongfen")%>;
        function xmChange(){
            var nd=mini.get("ndKey").getValue();
            var yf=mini.get("yfKey").getValue();
            mini.get("yfKey").load("sso/tpaGrjx1/findYf?isPage=false&nd=" + nd);
        }
        function comboxboxChange(){
            var dwdmKey=mini.get("dwdmKey").getValue();
            var teamidKey=mini.get("teamidKey").getValue();
            mini.get("teamidKey").load("sso/tpaTeam/findBz?isPage=false&dwdm=" + dwdmKey);
            mini.get("idKey").load("sso/tpaJyxx/findDistinctJy?isPage=false&dwdm=" + dwdmKey+"&teamid="+teamidKey);
        }
        var grid = mini.get("vkhGrjx_grid");
        var tpaGrjx2_grid=mini.get("tpaGrjx2_grid");
        var detailGrid_Form = document.getElementById("detailGrid_Form");
        
    function onShowRowDetail(e) {
            var grid = e.sender;
            var row = e.record;
            var td = grid.getRowDetailCellEl(row);
            td.appendChild(detailGrid_Form);
            detailGrid_Form.style.display = "block";
            tpaGrjx2_grid.load({nd:row.nd,yf:row.yf,id:row.id ,xm:row.xm,khlbdm:row.khlbdm,khlbmc:row.khlbmc});
        }