- 注册时间
- 2015-6-29
- 最后登录
- 1970-1-1
- 阅读权限
- 10
- 积分
- 176
- 精华
- 0
- 帖子
- 54
|
felt 发表于 2015-7-16 10:03
检查发现是由于你内部用于布局的table引起的
我们控件内部的高度都由js计算,table布局会有很大的不稳定 ...
换成div之后,仍然有问题
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Splitter</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
<script src="../../scripts/boot.js" type="text/javascript"></script>
</head>
<body>
<div class="mini-splitter" style="width: 1200px; height: 700px;" borderstyle="border:0">
<div size="40%" showcollapsebutton="true">
<div class="mini-splitter" style="width: 100%; height: 100%;" vertical="true" borderstyle="border:0">
<div size="60%" showcollapsebutton="true">
<div class="mini-fit">
<div class="mini-tabs" activeindex="0" id="str_STsystemNoticeMNDGTab" style="width: 100%; height: 100%;" borderstyle="border:0" showheader="false">
<div name="str_STsystemNoticeMNDGView" style="width: 100%; height: 100%">
<div class="mini-panel" title="公告列表" style="width: 100%; height: 92%">
<div class="mini-datagrid" showheader="false" showpager="false" style="width: 100%; height: 100%" >
<div property="columns">
<div field="NoticeTheme" width="286" headeralign="center" >标题</div>
<div field="NoticePublishDate" width="117" headeralign="center" align="center" >发布日期</div>
<div field="NoticeState" width="60" headeralign="center" align="center">是否发布</div>
</div>
</div>
</div>
<div style="width: 65%; text-align: right; float: left;">
<div class="mini-pager" style="width: 100%; background: #EFF2F4; border: 1px solid gray; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;"
totalcount="123" pagesize="30" sizelist="[5,10,20,30,50,100]">
</div>
</div>
<div style="width: 30%; text-align: right; float: right">
<a class="mini-button" title="新增" data-placement="bottomright" style="width: 60px; height: 23px; padding-top: 3px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;">新公告</a>
</div>
</div>
<div name="str_STsystemNoticeMNDGNew" style="width: 100%; height: 100%">
<div class="mini-fit">
<div style="width: 100%; height: 100%">
<div style="font-weight: bold; text-align: left; height: 5%">
标题不超过100个字)
</div>
<div style="width: 100%; height: 5%">
<input class="mini-textbox" vtype="maxLength:100" required="true" style="width: 100%" />
</div>
<div style="font-weight: bold; text-align: left">
正文
</div>
<div style="width: 100%; height: 80%">
<textarea class="mini-textarea" style="width: 100%; height: 100%"></textarea>
</div>
<div style="width: 100%; vertical-align: middle; height: 5%">
<div style="width: 60%; float: left; text-align: left; vertical-align: middle; padding-top: 5px">
状态:
<input checked name="sn_SNState" style="vertical-align: middle" type="radio" />
立即发布
<input style="vertical-align: middle" name="sn_SNState" type="radio" />
暂不发布
级别:
<input checked name="sn_SNLevel" style="vertical-align: middle" type="radio" />
一般
<input style="vertical-align: middle" name="sn_SNLevel" type="radio" />
紧急
</div>
<div style="width: 40%; float: right; text-align: right">
<a class="mini-button" title="保存" data-placement="bottomright" style="width: 60px; height: 20px;">保存</a>
<a class="mini-button" title="返回" data-placement="bottomright" style="width: 60px; height: 20px;">返回</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div showcollapsebutton="true">
<div ></div>
</div>
</div>
</div>
<div showcollapsebutton="true">
<div class="mini-splitter" style="width: 100%; height: 100%;" vertical="true" borderstyle="border:0">
<div size="60%" showcollapsebutton="true">
<div ></div>
</div>
<div showcollapsebutton="true">
<div ></div>
</div>
</div>
</div>
</div>
</body>
</html>
|
|