EasyUI Forum
May 12, 2024, 03:34:39 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
  Home Help Search Login Register  
  Show Posts
Pages: [1]
1  General Category / Bug Report / the row height problems of DataGrid in IE6 on: December 03, 2011, 06:30:06 PM
In IE6 browser, if  "rownumbers" set "true",the row number td height is not equal to the rest row height.

2  General Category / Bug Report / Re: Open the page by IE, the Panel Header will be floated on: September 22, 2011, 07:58:59 PM
Try add 'position:relative' style to your center panel:

<div region="center" border="false" style="position:relative;padding: 10px;">
...
</div>

Thanks

if panel wrapped by table, also add 'position:relative' style to table element

Code:
<div region="center" border="false" style="position:relative;padding: 10px;">
<table style="position:relative;">
...
</table>
</div>
3  General Category / Bug Report / Open the page by IE, the Panel Header will be floated on: September 07, 2011, 07:12:44 AM
if the page has several panels and content overflows the window,and then scoll the page, the Panel Header will be floated in IE (IIS)

but if open the page by file protocol, the css style is correct

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>角色编辑 </title>
    <base target="_self" />
    <link rel="stylesheet" type="text/css" href="./Scripts/jquery-easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="./Scripts/jquery-easyui/themes/icon.css" />
    <style type="text/css">
        a.l-btn-plain
        {
            background: #EFEFEF none repeat scroll 0 0;
        }
        span.requried
        {
            color: Red;
            font-size: 12px;
        }
    </style>
    <script type="text/javascript" src="./Scripts/jquery-easyui/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="./Scripts/jquery-easyui/jquery.easyui.min.js"></script>
   
    <script type="text/javascript">
        ; $(function () {
            $("body").css("visibility", "visible").layout();
        });
    </script>
</head>
<body>
    <div region="center" border="false" style="padding: 10px;">
        <table class="form">
            <tr>
                <td class="ftLeftCol" style="width: 90px;">
                    <label for="Role_RoleCode">
                        角色编号:</label>
                </td>
                <td>
                    R001
                </td>
            </tr>
            <tr>
                <td class="ftLeftCol" style="width: 90px;">
                    <label for="Role_RoleName">
                        角色名称:</label>
                </td>
                <td>
                    <input id="Role_RoleName" name="Role.RoleName" type="text" value="" /><span class="requried">*</span>
                </td>
            </tr>
            <tr>
                <td class="ftLeftCol" style="width: 90px;" valign="top">
                    <label for="Role_Remark">
                        角色描述:</label>
                </td>
                <td>
                    <textarea cols="20" id="Role_Remark" name="Role.Remark" rows="3" style="width: 200px">
网站管理人员</textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div>
                        <div class="easyui-panel" title="领货单管理" collapsible="true" style="padding: 10px;
                            background: #fafafa;">
                            <div style="border-bottom: 1px solid gray">
                                领货单申请
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1001" value="1" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                领货单审批
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1002" value="2" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                已归档
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1003" value="3" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                电子版下载
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1004" value="13" />
                                    浏览
                                </div>
                            </div>
                        </div>
                        <div class="easyui-panel" title="库存/仓管管理" collapsible="true" style="padding: 10px;
                            background: #fafafa;">
                            <div style="border-bottom: 1px solid gray">
                                产品库存管理
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2001" value="4" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                产品入库查询
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2002" value="9" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                产品出库查询
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2003" value="10" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                库存预警列表
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2004" value="11" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                已停用的产品
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2005" value="12" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                统计报表
                                <input type="checkbox" />全选
                                <div>
                                </div>
                            </div>
                        </div>
                        <div class="easyui-panel" title="系统管理" collapsible="true" style="padding: 10px; background: #fafafa;">
                            <div style="border-bottom: 1px solid gray">
                                应用模块
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9001" value="5" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                角色管理
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9002" value="6" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                用户管理
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9003" value="7" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                系统定义
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9004" value="8" />
                                    浏览
                                </div>
                            </div>
                        </div>
                </td>
            </tr>
        </table>
    </div>
    <div region="south" border="false" style="text-align: center; height: 40px; padding: 5px;
        background-color: #FAFAFA;">
        <a href="javascript:void(0);" class="easyui-linkbutton" icon="icon-ok" id="btnSubmit">
            确认</a> <a href="javascript:void(0);" class="easyui-linkbutton" icon="icon-cancel"
                id="btnCancel">取消</a>
    </div>
    <div id="ErrMsg" style="display: none;">
    </div>
</body>
</html>
通过本地文件打开(file://path/test.html),样式正常

通过IIS打开(http://path/test.html),样式不正常,Panel Header 浮动

见附件
4  General Category / EasyUI for jQuery / Open the page by IE, the Panel Header will be floated on: August 07, 2011, 07:49:43 PM
if the page has several panels and content overflows the window,and then scoll the page, the Panel Header will be floated in IE (IIS)

but if open the page by file protocol, the css style is correct

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>角色编辑 </title>
    <base target="_self" />
    <link rel="stylesheet" type="text/css" href="./Scripts/jquery-easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="./Scripts/jquery-easyui/themes/icon.css" />
    <style type="text/css">
        a.l-btn-plain
        {
            background: #EFEFEF none repeat scroll 0 0;
        }
        span.requried
        {
            color: Red;
            font-size: 12px;
        }
    </style>
    <script type="text/javascript" src="./Scripts/jquery-easyui/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="./Scripts/jquery-easyui/jquery.easyui.min.js"></script>
    
    <script type="text/javascript">
        ; $(function () {
            $("body").css("visibility", "visible").layout();
        });
    </script>
</head>
<body>
    <div region="center" border="false" style="padding: 10px;">
        <table class="form">
            <tr>
                <td class="ftLeftCol" style="width: 90px;">
                    <label for="Role_RoleCode">
                        角色编号:</label>
                </td>
                <td>
                    R001
                </td>
            </tr>
            <tr>
                <td class="ftLeftCol" style="width: 90px;">
                    <label for="Role_RoleName">
                        角色名称:</label>
                </td>
                <td>
                    <input id="Role_RoleName" name="Role.RoleName" type="text" value="" /><span class="requried">*</span>
                </td>
            </tr>
            <tr>
                <td class="ftLeftCol" style="width: 90px;" valign="top">
                    <label for="Role_Remark">
                        角色描述:</label>
                </td>
                <td>
                    <textarea cols="20" id="Role_Remark" name="Role.Remark" rows="3" style="width: 200px">
网站管理人员</textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div>
                        <div class="easyui-panel" title="领货单管理" collapsible="true" style="padding: 10px;
                            background: #fafafa;">
                            <div style="border-bottom: 1px solid gray">
                                领货单申请
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1001" value="1" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                领货单审批
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1002" value="2" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                已归档
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1003" value="3" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                电子版下载
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="1004" value="13" />
                                    浏览
                                </div>
                            </div>
                        </div>
                        <div class="easyui-panel" title="库存/仓管管理" collapsible="true" style="padding: 10px;
                            background: #fafafa;">
                            <div style="border-bottom: 1px solid gray">
                                产品库存管理
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2001" value="4" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                产品入库查询
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2002" value="9" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                产品出库查询
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2003" value="10" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                库存预警列表
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2004" value="11" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                已停用的产品
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="2005" value="12" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                统计报表
                                <input type="checkbox" />全选
                                <div>
                                </div>
                            </div>
                        </div>
                        <div class="easyui-panel" title="系统管理" collapsible="true" style="padding: 10px; background: #fafafa;">
                            <div style="border-bottom: 1px solid gray">
                                应用模块
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9001" value="5" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                角色管理
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9002" value="6" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                用户管理
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9003" value="7" />
                                    浏览
                                </div>
                            </div>
                            <div style="border-bottom: 1px solid gray">
                                系统定义
                                <input type="checkbox" />全选
                                <div>
                                    <input type="checkbox" name="9004" value="8" />
                                    浏览
                                </div>
                            </div>
                        </div>
                </td>
            </tr>
        </table>
    </div>
    <div region="south" border="false" style="text-align: center; height: 40px; padding: 5px;
        background-color: #FAFAFA;">
        <a href="javascript:void(0);" class="easyui-linkbutton" icon="icon-ok" id="btnSubmit">
            确认</a> <a href="javascript:void(0);" class="easyui-linkbutton" icon="icon-cancel"
                id="btnCancel">取消</a>
    </div>
    <div id="ErrMsg" style="display: none;">
    </div>
</body>
</html>
通过本地文件打开(file://path/test.html),样式正常

通过IIS打开(http://path/test.html),样式不正常,Panel Header 浮动

见附件
Pages: [1]
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!