高度自适应问题 - jQuery MiniUI

<div class="mini-splitter" allowResize="true" handlerSize="2" style="width: 100%; height: 100%;">
<div size="33%">
<div style="width: 100%; height: 25%;">
<fieldset style="width: 95%; height: 100%; border: solid 1px #aaa; position: relative; margin: auto;">
<legend><spring:message code="ptn.basic.info"/></legend>
<table align="center" style="border-collapse: separate; border-spacing: 10px 6px;">
<tr>
<td><spring:message code="ptn.totalTunnel.create.name"/></td>
<td><input class="mini-textbox" id="trailName" name="trailName" required="true" style="width: 200px;" /></td>
<td><div id="isNaming" class="mini-checkbox" readOnly="false" text="<spring:message code="ptn.totalTunnel.auto"/>" checked="true" onvaluechanged="onNamingValueChanged"></div></td>
</tr>
<tr>
<td><spring:message code="ptn.totalTunnel.create.type"/></td>
<td><input class="mini-combobox" id="tunnelType" name="tunnelType" textField="text" valueField="value" value="0"
style="width: 200px;" required="true" /></td>
</tr>
<tr>
<td><spring:message code="ptn.tunnel.direction"/></td>
<td><input class="mini-combobox" id="direction" name="direction" value="0" textField="text" valueField="value" data="[{value:0,text:'<spring:message code="double.direction"/>'}]" style="width: 200px;" /></td>
</tr>
<tr style="display: none">
<td><div class="mini-checkbox" id="overLayBoolean" name="overLayBoolean" text="VLANID"></div></td>
<td colspan="3"><input class="mini-spinner" id="vlanId" name="vlanId" minValue="1" maxValue="4094" enabled="false" style="width: 100%;" /></td>
</tr>
<tr style="display: none">
<td>是否带恢复</td>
<td><input class="mini-combobox" id="isRecovery" name="isRecovery" textField="text" valueField="value" value="0" onvaluechanged="onIsRecoveryChange"
style="width: 100px;" required="true" data="[{value:0,text:'不带恢复'},{value:1,text:'带恢复'}]"/></td>
<td style="display: none"><spring:message code="ptn.totalTunnel.oamEnable"/></td>
<td style="display: none"><input class="mini-combobox" id="oamEnable" name="oamEnable" textField="text" valueField="value" data="[{value:1,text:'<spring:message code="ptn.enable"/>'}]" showNullItem="true" style="width: 100px;" /></td>
</tr>
<tr>
<td ><spring:message code="ptn.tunnel.enablFlag"/></td>
<td><input class="mini-combobox" id="enableFlag" name="enableFlag" value="1" textField="text" valueField="value" data="[{value:1,text:'<spring:message code="ptn.activate"/>'},{value:0,text:'<spring:message code="ptn.inactivate"/>'}]" style="width: 200px;" /></td>
</tr>
<tr>
<td><spring:message code="ptn.tunnel.overlay.mode"/></td>
<td><input class="mini-combobox" id="workLsp.ssdxOverlayMode" name="workLsp.ssdxOverlayMode" enabled="false" textField="text" valueField="value" value="1" data="[{value:0,text:'<spring:message code="ptn.disable"/>'},{value:1,text:'<spring:message code="ptn.enable"/>'}]" style="width: 200px;" /></td>
</tr>
<tr style="display: none">
<td>带宽限制</td>
<td><input id="bandLimit" name="bandLimit" tooltip="0-10000000" style="width:150px;" class="mini-textbox" vtype="range:0,10000000" required="true" value="0" maxLength="8"/></td>
</tr>
</table>
</fieldset>
</div>
<div style="width: 100%; height: 75%;">
<fieldset style="width: 95%; height: 100%; border: solid 1px #aaa; position: relative; margin: 10px auto auto auto;">
<legend><spring:message code="ptn.totalTunnel.routeInfo"/></legend>
<div style="width: 100%; height: 100%;">
<table style="width: 100%; height: 8%;">
<tr>
<td><spring:message code="ptn.totalTunnel.create.src"/></td>
<td><input class="mini-buttonedit" id="aAgentName" name="aAgentName" onbuttonclick="onBtnNe" style="width: 100%;" textName="aAgentName" allowInput="false" required="true" /></td>
<td><spring:message code="ptn.totalTunnel.create.des"/></td>
<td><input class="mini-buttonedit" id="zAgentName" name="zAgentName" onbuttonclick="onBtnNe" style="width: 100%;" textName="zAgentName" allowInput="false" required="true" /></td>
</tr>
</table>
<div style="width: 100%; height: 40%;">
<div id="routeGrid" class="mini-datagrid" showPager="false" sortMode="client" contextMenu="selectRoute" showModified="false" style="width: 100%; height: 100%;"
url="/ptn/totalstation/tunnel/calculateRoute">
<div property="columns">
<div field="routeType" width="10"></div>
<div field="skipNum" width="25" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.jumpNum"/></div>
<div field="pathNameDescr" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.routeSelect"/></div>
</div>
</div>
</div>
<div>
<div class="btn-left-align">
<div>
<a class="mini-button" id="btnConstraint"><spring:message code="ptn.totalTunnel.create.routeConstraint"/></a>
</div>
<div>
<a class="mini-button" id="btnCalculate" iconCls="icon-search"><spring:message code="ptn.totalTunnel.create.calculateRoute"/></a>
</div>
</div>
</div>
<div style="width: 100%; height: 42%;">
<div class="mini-tabs" id="routeNodeTabs" activeIndex="0" bodyStyle="padding:2px;border:0;" style="width: 100%; height: 100%;" plain="false">
<div title="<spring:message code="ptn.totalTunnel.work"/>" name="workRouteNodePane">
<div id="workRouteDetailGrid" class="mini-datagrid" showPager="false" style="width: 100%; height: 90%;">
<div property="columns">
<div field="nodeName" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeName"/></div>
<div field="nodeTypeStr" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeRole"/></div>
</div>
</div>
</div>
<div title="<spring:message code="ptn.totalTunnel.protect"/>" name="protectRouteNodePane" visible="false">
<div id="protectRouteDetailGrid" class="mini-datagrid" showPager="false" style="width: 100%; height: 90%;">
<div property="columns">
<div field="nodeName" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeName"/></div>
<div field="nodeTypeStr" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeRole"/></div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</div>

复制代码