Tabs加载子tab时布局混乱 - jQuery MiniUI

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<%-- <script src="${ctx }/mini/boot.js" type="text/javascript"></script> --%>
<%@ include file="/common/link.jsp"%>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
a:link {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a img{border:none}
.rootDiv *{ vertical-align:middle; }
</style>
<script type="text/javascript" src="${ctx }/mini/core.js">
</script>
</head>
<body>
<div class="mini-splitter" style="width: 100%; height: 100%;">
<div id="groupRegion" size="240" showCollapseButton="true">
<div class="mini-fit">
<ul id="tree1" class="mini-tree"
url="${ctx}/manage/device/groupTree" title="device"
style="width: 100%;" showTreeIcon="true" textField="groupDescibe"
idField="groupId" parentField="pid" resultAsTree="false">
</ul>
</div>
</div>
<div id="tabs1" class="mini-tabs" region="center" activeIndex="0"
style="width: 350px; height: 100%; border: 0;" >
<div title="日志信息">
<div showCollapseButton="true" style="height: 100%">
<div class="mini-toolbar" style="padding: 2px; border-bottom: 0;">
<label>查询开始时间:</label> <input id="startTime"
class="mini-datepicker" /> <label>查询结束时间:</label> <input
id="endTime" class="mini-datepicker" /> <label>探测轮数:</label> <input
id="detectRollCode" class="mini-textbox" width="40" /> <label>日志等级:</label>
<input id="logLevel" class="mini-combobox" style="width: 80px;"
textField="levelDescribe" valueField="levelId" value="-1" emptyText="请选择..."
url="${ctx }/manage/resource/logLevelList" required="true"
allowInput="false" showNullItem="false" nullItemText="请选择..." />
<span id="startSearch" class="mini-button" onclick="startSearch()">开始查询</span>
<span id="logDel" class="mini-button" style="" onclick="logDel()">日志删除</span>
<span id="logClear" class="mini-button" style=""
onclick="logClear()">清空</span>
</div>
<div class="mini-fit">
<div id="grid1" class="mini-datagrid mini-fit"
style="width: 100%; height: 100%;"
url="${ctx}/manage/device/deviceLogList" sizeList="[20]"
pageSize="20" multiSelect="true">
<div property="columns">
<div type="checkcolumn"></div>
<div field="id">序号</div>
<div field="logTime" dateFormat="yyyy-MM-dd">日志时间</div>
<div field="logLevel">日志等级</div>
<div field="detectRollCode">detectRollCode</div>
<div field="logInfo">logInfo</div>
</div>
</div>
</div>
</div>
</div>
<div title="config" id="strategyTab" url="detectStrategyConfig.jsp" refreshOnClick="true">
</div>
</div>
</div>
</body>
</html>

复制代码