- 注册时间
- 2016-1-11
- 最后登录
- 1970-1-1
- 阅读权限
- 10
- 积分
- 83
- 精华
- 0
- 帖子
- 19
![Rank: 2](static/image/common/star_level2.gif)
|
dforce 发表于 2016-1-12 14:42 ![](static/image/common/back.gif)
MiniUI支持ie11
1 请使用标准doctype
布局代码如下:
<div showCollapseButton="true" style="width: 100%;height: 100%;">
<!--撑满页面-->
<div class="mini-toolbar" id="button_toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">
<a class="mini-button" iconCls="icon-add" plain="true"><font style="background-color: #B0C4DE;color: red;"></font>新增</a>
<a class="mini-button" iconCls="icon-remove" plain="true">删除</a>
<span class="separator"></span>
<a class="mini-button" iconCls="icon-save" plain="true">保存</a>
<a class="mini-button" iconCls="icon-ok" plain="true">确认</a>
<span class="separator"></span>
<a class="mini-button" iconCls="icon-arrowup" plain="true">上移</a>
<a class="mini-button" iconCls="icon-arrowdown" plain="true">下移</a>
</div>
<div class="mini-fit" style="width: 100%;height: 50%;">
<div id="grid1" class="mini-datagrid" style="width:100%;height:100%;" borderStyle="border:0;"
url="<%=request.getContextPath()%>/InformationRulesl/InformationRuleslAction.do?method=queryInformationRuleslOfYKXHRuleList" idField="id"
sizeList="[5,10,20,50]" pageSize="20" allowCellEdit="true" allowCellSelect="true" multiSelect="true" virtualScroll="true"
editNextOnEnterKey="true" editNextRowCell="true" showModified="true" allowSortColumn="false" showLoading="false"
>
<div property="columns">
<div type="checkcolumn"></div>
<div type="indexcolumn" headerAlign="center">
<label style='text-align:center; font-weight:bold; height:40px;'>序号</label>
</div>
<div field="stationterminalname" width="200" headerAlign="center" allowSort="true" align="center" vtype="required;rangeChar:0,50">
<label style='text-align:center; font-weight:bold; height:40px;'>遥控信号描述</label>
<input property="editor" class="mini-textbox" style="width:100%;"/>
</div>
</div>
</div>
</div>
<div style="height: 50%;width: 100%" >
<table style="width:100%;height:100%;" >
<tr style="width:100%;height:100%;" >
<td style="height:94%;width:48%;">
<div id="listbox1" class="mini-datagrid" style="width:100%;height:100%;"
idField="id" url="<%=request.getContextPath()%>/InformationRulesl/InformationRuleslAction.do?method=queryInformationRuleslOfYKXHRuleList"
showPager="true" multiSelect="true" pageSize="10" allowCellEdit="true" allowCellSelect="true" multiSelect="true" virtualScroll="true"
editNextOnEnterKey="true" editNextRowCell="true" showModified="true" allowSortColumn="false" showLoading="false">
<div property="columns">
<div type="checkcolumn"></div>
<div type="indexcolumn" headerAlign="center">
<label style='text-align:center; font-weight:bold; height:40px;'>序号</label>
</div>
<div field="stationterminalname" width="200" headerAlign="center" allowSort="true" align="center" vtype="rangeChar:0,50">
<label style='text-align:center; font-weight:bold; height:40px;'>遥控信号描述</label>
<input property="editor" class="mini-textbox" style="width:100%;"/>
</div>
</div>
</div>
</td>
<td style="width:20px;text-align:center;vertical-align: top">
<input type="button" value=">>" style="width:40px;"/><br />
</td>
<td style="height: 90%;width: 48%;">
<div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">
<a class="mini-button" iconCls="icon-remove" plain="true">删除</a>
<span class="separator"></span>
<a class="mini-button" iconCls="icon-save" plain="true">保存</a>
</div>
<div id="listbox2" class="mini-datagrid" style="width:100%;height:94%;"
idField="id" url="<%=request.getContextPath()%>/InformationRulesl/InformationRuleslAction.do?method=queryInformationRuleslOfYKDispatchXHRuleList"
showPager="false" multiSelect="true" pageSize="1000" allowCellEdit="true" allowCellSelect="true" multiSelect="true" virtualScroll="true"
editNextOnEnterKey="true" editNextRowCell="true" showModified="true" allowSortColumn="false" showLoading="false">
<div property="columns">
<div type="checkcolumn"></div>
<div type="indexcolumn" headerAlign="center">
<label style='text-align:center; font-weight:bold; height:40px;'>序号</label>
</div>
<div field="regulationsignalname" width="100" headerAlign="center" allowSort="true" align="center" vtype="rangeChar:0,50">
<label style='text-align:center; font-weight:bold; height:40px;'>调控端信号</label>
<input property="editor" class="mini-textarea" style="width:100%;"/>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div> |
|