jQuery MiniUI

标题: IE11 分页栏显示信息，文字显示不全。 [打印本页]

作者: jimkukuklo0315 时间: 2016-1-12 10:44:54 标题: IE11 分页栏显示信息，文字显示不全。

本帖最后由 jimkukuklo0315 于 2016-1-13 09:36 编辑

[attach]7033[/attach]文字显示不全，ie11以下都没问题。[attach]7044[/attach]这个为IE11浏览器下1366x768
[attach]7043[/attach]这个为ie9浏览器下1366x768,其中有些图标都显示不出来了。而且显示出现很大的误差，这是怎么回事呢！有点不明白！

作者: dforce 时间: 2016-1-12 11:01:11

用你的ie11看我们在线示例有没有这问题

作者: jimkukuklo0315 时间: 2016-1-12 14:19:38

dforce 发表于 2016-1-12 11:01
用你的ie11看我们在线示例有没有这问题

文字显示应可以了。但是也发现好多能在ie11以下的显示完整，ie11显示就会有好多误差，这应该跟屏幕的分辨率也有关系。

作者: jimkukuklo0315 时间: 2016-1-12 14:25:53

jimkukuklo0315 发表于 2016-1-12 14:19
文字显示应可以了。但是也发现好多能在ie11以下的显示完整，ie11显示就会有好多误差，这应该跟屏幕的分辨 ...

请看我在原帖上的编辑！

作者: dforce 时间: 2016-1-12 14:42:15

jimkukuklo0315 发表于 2016-1-12 14:19
文字显示应可以了。但是也发现好多能在ie11以下的显示完整，ie11显示就会有好多误差，这应该跟屏幕的分辨 ...

MiniUI支持ie11
1 请使用标准doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 只支持标准模式，请不要使用兼容模式

作者: jimkukuklo0315 时间: 2016-1-13 09:26:52

dforce 发表于 2016-1-12 14:42
MiniUI支持ie11
1 请使用标准doctype

我用的就是标准的doctype

作者: jimkukuklo0315 时间: 2016-1-13 09:29:08

dforce 发表于 2016-1-12 14:42
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>

作者: jimkukuklo0315 时间: 2016-1-13 09:37:42

jimkukuklo0315 发表于 2016-1-13 09:26
我用的就是标准的doctype

图已更新

作者: felt 时间: 2016-1-13 09:47:29

jimkukuklo0315 发表于 2016-1-13 09:37
图已更新

请提供完整页面，打开就能重现问题
高级模式可以上传文件

作者: jimkukuklo0315 时间: 2016-1-13 09:57:42

felt 发表于 2016-1-13 09:47
请提供完整页面，打开就能重现问题
高级模式可以上传文件

jsp页面附件已上传

作者: felt 时间: 2016-1-13 10:24:03

本帖最后由 felt 于 2016-1-13 10:32 编辑

jimkukuklo0315 发表于 2016-1-13 09:57
jsp页面附件已上传

[attach]7047[/attach]
未发现什么样式问题
是不是你页面的其他东西影响了

另外，你这布局真乱，右下那个datagrid用个mini-fit包一下

作者: jimkukuklo0315 时间: 2016-1-13 10:37:00

jimkukuklo0315 发表于 2016-1-13 09:57
jsp页面附件已上传

完整页面我不知道怎么提取出来。。。，就知道在阿帕奇里面的布局，不知道怎么改成html

作者: jimkukuklo0315 时间: 2016-1-13 11:02:15

felt 发表于 2016-1-13 10:24
未发现什么样式问题
是不是你页面的其他东西影响了

恩包一下可以了！万分感谢

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)