jQuery MiniUI

 找回密码
 立即注册
查看: 2351|回复: 1
打印 上一主题 下一主题

嵌套detailGrid的高度问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2013-5-20 19:38:02 |只看该作者 |倒序浏览
嵌套detailGrid显示详情,但是内嵌详情页面的高度不能为自动
<head>
    <title>依岗位设定用户</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="../css/demo.css" rel="stylesheet" type="text/css" />
    <script src="../scripts/boot.js" type="text/javascript"></script>
    <style type="text/css">
    html, body
    {
        font-size:12px;
        padding:0;
        margin:0;
        border:0;
        height:100%;
        overflow:hidden;
    }
    </style>
</head>
<body>
    <div class="mini-toolbar">
        <span>岗位名称:</span>
        <input type="text" id="txt_RoleName" style="width: 120px" />
        <span>岗位ID:</span>
        <input type="text" id="txt_RoleID" style="width: 40px" />
        <span>所属公司:</span>
        <input id="btn_selectComp" class="mini-buttonedit" width="100" />
        <span>所属部门:</span>
        <input id="btn_selectDept" class="mini-buttonedit" width="100" />
        <span>启用状态:</span>
        <input id="com_IsActived" class="mini-combobox" valuefield="id" textfield="text"
            valuefromselect="true" shownullitem="true" url="../data/ConfigData/isActived.txt"
            width="50" />
        <a class="mini-button" iconcls="icon-search">查询</a>
    </div>
    <div class="mini-fit">
        <div id="Role_grid" class="mini-datagrid" style="width: 100%; height: 100%;" allowresize="true"
            showcolumnsmenu="true" url="../data/AjaxService.aspx?method=SearchRoles" idfield="RoleID"
           >
            <div property="columns">
                <div type="indexcolumn" width="30">
                    序号</div>
                <div field="CompID" width="30" headeralign="center">
                    公司ID</div>
                <div field="CompName" width="100" headeralign="center">
                    公司名称</div>
                <div field="DeptID" width="30" headeralign="center">
                    部门ID</div>
                <div field="DeptName" width="100" headeralign="center">
                    部门名称</div>
                <div field="RoleID" width="30" headeralign="center">
                    岗位ID</div>
                <div field="RoleName" width="200" headeralign="center">
                    岗位名称</div>
                <div field="IsActived" width="30" headeralign="center">
                    状态</div>
            </div>
        </div>
        <div id="detailGrid_Form" style="display: none; width: 100%; margin: 0px,15px,0px,15px;
            height: 100%">
            <div class="mini-toolbar" style="border-bottom: 0; padding: 0px;">
                <table style="width: 100%;">
                    <tr>
                        <td style="width: 100%;">
                            <a class="mini-button" iconcls="icon-add">添加用户</a> <a class="mini-button"
                                iconcls="icon-cancel">删除用户</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="employee_grid" class="mini-datagrid" style="width: 100%; height: 150px;"(这里只有设置固定高度才行,我想设置为100%,根据内容自动适应,怎么做呢)
                url="../data/AjaxService.aspx?method=GetRoleUser" multiselect="true" allowresize="true"
                showvgridlines="false" showpager="false" showcolumnsmenu="true">
                <div property="columns">
                    <div type="checkcolumn">
                    </div>
                    <div type="indexcolumn" width="30" allowsort="true">
                        序号</div>
                    <div field="FullName" width="50" headeralign="center">
                        姓名
                    </div>
                    <div field="UserName" width="50" headeralign="center">
                        账号
                    </div>
                    <div field="CompName" width="200" headeralign="center">
                        公司
                    </div>
                    <div field="DeptName" width="100" headeralign="center">
                        部门
                    </div>
                    <div field="UserEmail" width="200" headeralign="center" visible="false">
                        Email
                    </div>
                    <div field="UserNo" width="80" headeralign="center" visible="false">
                        工号
                    </div>
                    <div field="IsActived" width="30" headeralign="center">
                        状态</div>
                </div>
            </div>
        </div>
    </div>


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 9Rank: 9Rank: 9

沙发
发表于 2013-5-20 20:06:55 |只看该作者
内嵌的表格不能100%,只能设置一个绝对高度

Archiver|普加软件

GMT+8, 2024-11-28 11:33 , Processed in 1.018256 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部