jQuery MiniUI

标题: dataGrid IE6下窗口放大缩小时 自适应分页栏移位 [打印本页]
作者: wusyJava    时间: 2013-1-6 23:02:15     标题: dataGrid IE6下窗口放大缩小时 自适应分页栏移位

本帖最后由 wusyJava 于 2013-1-6 23:05 编辑

ie6下Grid分页栏位置没 办法到正确位置。
dataGrid 为自适应设置初次进页面正常。
但是放大时如下效果：
[attach]1220[/attach]
缩小时如下效果:
[attach]1221[/attach]
JSP代码如下：
<!DOCTYPE html />
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
  <head>
    <title>生产计划信息</title>
   
<meta http至equiv="pragma" content="no至cache">
<meta http至equiv="cache至control" content="no至cache">
<meta http至equiv="expires" content="0">   
<meta http至equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http至equiv="description" content="This is my page">
  <script src="<c:url value="/javascript/lib/miniui/boot.js"></c:url>" type="text/javascript"></script>
  <style type="text/css">
    body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }   
    </style>
  </head>
  
  <body>
  
   <div class="mini-toolbar" style="padding:2px;border-bottom:0;">
        <table style="width:100%;">
            <tr>
             <td style="width:100%;">
             </td>
             <td style="white-space:nowrap;">
              <label style="font-family:Verdana;">名称: </label>
                 <input class="mini-textbox" />
                 <a class="mini-button" iconCls="icon-search" plain="true">查询</a>
             </td>
            </tr>
        </table>
    </div>
    <div class="mini-fit">
    <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;"
        url="<c:url value="/mytest/list.action"></c:url>"  idField="id" allowAlternating="true">
        <div property="columns">
            <div type="indexcolumn">序号</div>
            <div field="aaaa" width="80" headerAlign="center" allowSort="true">aaaa</div>   
            <div field="bbbb" width="180" headerAlign="center" allowSort="true">bbbb</div>   
            <div field="cccc" width="180" headerAlign="center" allowSort="true">cccc</div>   
            <div field="dddd" width="80" headerAlign="center" allowSort="true">dddd</div>   
        </div>
    </div>
    </div>
    <script type="text/javascript">
        mini.parse();
        var grid = mini.get("datagrid1");
        grid.load();    </script>
  </body>
</html>

作者: factory    时间: 2013-1-7 09:32:42

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

页面头部这个加了没？这个是必须加的
作者: wusyJava    时间: 2013-1-7 15:35:38

本帖最后由 wusyJava 于 2013-1-7 15:41 编辑
factory 发表于 2013-1-7 09:32
页面头部这个加了没？这个是必须加的


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


最开始是从Fit.html在抄下来的有加这个的。就是如上所述的效果。后面看参考按标准写法改成"<!DOCTYPE html />"。换上去后也没有起到作用。
而且，今天测的时候如果是在模态框中(window.showModalDialog)分页上一页、下一页、第一页、最后一页四个按钮中为不启用时，点击他们任何一个时会打开一个窗口地址为:javascript:void(0);在window.open()中不会。

作者: factory    时间: 2013-1-7 15:46:06

wusyJava 发表于 2013-1-7 15:35
最开始是从Fit.html在抄下来的有加这个的。就是这样的效果。后面后标准写法。换上去后也没有起到作用 ...

我用IE6测试过了，都能够正常的显示。
你更新下miniui试试，把script整个文件夹都更新下



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2