Tabs加载子tab时布局混乱 [复制链接]

aningvi

注册会员

Rank: 2

电梯直达

楼主

发表于 2016-11-26 23:44:10 |只看该作者 |倒序浏览

求助，谢谢！

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

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2016-11-28 09:41:00 |只看该作者

提供html代码，回复高级模式可以上传文件

aningvi

注册会员

Rank: 2

板凳

发表于 2016-11-28 10:09:02 |只看该作者

<%@ 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>

复制代码

felt

超级版主

Rank: 8 Rank: 8

地板

发表于 2016-11-28 10:25:27 |只看该作者

aningvi 发表于 2016-11-28 10:09

1 你这splitter的html结构不对，必须要有2个面板占位，不能放mini-tabs当成它的面板
2 没发现其他的问题

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

返回列表

		自动登录	找回密码
密码			立即注册