jQuery MiniUI
标题:
嵌套detailGrid的高度问题
[打印本页]
作者:
xiangguoxiang
时间:
2013-5-20 19:38:02
标题:
嵌套detailGrid的高度问题
嵌套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%，根据内容自动适应，怎么做呢[attach]1940[/attach]）
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>
作者:
niko
时间:
2013-5-20 20:06:55
内嵌的表格不能100%，只能设置一个绝对高度
欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)
Powered by Discuz! X2