当使用了ExtJs后，脚本documentElement.clientWidth得到的值是0，需要换成Ext.getBody().getWidth()来获得。
关于解决IE的min-width方法就可以这样写：
//===========Style===============//
#hxcy{ text-align:right;margin:0 auto; min-width:778px;width: expression((Ext.getBody().getWidth() < 778) ? "778px" : "auto" );}
/*---注意：这里将documentElement.clientWidth替换为了Ext.getBody().getWidth()----*/
//===========Page================//
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ include file="/ecside/common/head_showResult.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${ctx}/scripts/ext/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="${ctx}/styles/demo_index.css">
<script type="text/javascript" src="${ctx}/scripts/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="${ctx}/scripts/ext/ext-all.js"></script>
<script type="text/javascript" src="${ctx}/scripts/demo_index.js"></script>
</head>
<body>
<div id="west">
<p>
Hi. I'm the west panel.
</p>
</div>
<div id="north" class="header">
<div id="hxcy">
<div class="logo"><img src="${ctx}/images/logo.gif" /></div>
<div class="header_menu">
<ul>
<li id="ico_home"><a href="${ ctx }/j_acegi_logout" target="_parent">设为主页</a></li>
<li id="ico_favoritor"><a href="${ ctx }/j_acegi_logout" target="_parent">添加到收藏夹</a></li>
<li id="ico_application"><a href="${ ctx }/j_acegi_logout" target="_parent">切换平台</a></li>
<li id="ico_quit"><a href="${ ctx }/j_acegi_logout" target="_parent">退出</a></li>
<li id="ico_help"><a href="${ ctx }/j_acegi_logout" target="_parent">帮助</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
分享到：
相关推荐
官方最新版本Extjs6.2版本sdk,创建新项目的时候需要用, 全面的核心框架，具有最新的Javascript标准支持 新的漂亮组件和主题，以创建漂亮的企业应用程序 现代工具链，用于构建优化，高性能，通用的应用程序 用于可视...
Extjs6.2 生成的admin-dashboard官方模板
总之，"extjs-theme-bootstrap-master.zip"为开发者提供了一种方式，让他们能够将流行的Bootstrap样式应用于ExtJS应用中，从而获得美观且功能丰富的Web界面。这个主题包不仅包含了样式定义，还可能包括示例、文档和...
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
在标题"extjs2----关于extjs 的使用，操作"中，我们可以看出这是一份关于ExtJS 2.0版本的使用指南，主要涵盖了其基本操作和应用。描述中提到内容较为初级，适合初学者学习，这表明我们将探讨的是ExtJS的基础概念和...
4. **adapter**：在ExtJS中，适配器（adapter）是用于连接不同浏览器的JavaScript对象模型（如IE的ActiveX和非IE浏览器的DOM）。这通常包括了与特定浏览器交互的代码，确保ExtJS可以在多种浏览器环境中正常工作。 ...
ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子
网上有许多关于ExtJS 3.0的教程、示例和讨论论坛，可以帮助开发者解决问题和学习新技能。 总之，"extjs-3.0-all-src"包含的是ExtJS 3.0的全部源代码，对学习和研究该框架的实现原理以及定制开发非常有帮助。通过...
ExtJS 4.2 component - Field-Money
在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 因为我开发测试完这个分页工具后, 电脑上显示刚好是15:00, 所以取名: PM3PagingToolbar 如有BUG还请各位提出或留言. ...
extjs4.0开发人员以及学习可以下载参考
在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道. 用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext....
4. **事件处理**：ExtJS使用事件驱动的编程模型，事件监听和触发机制在源码中占据了重要地位。通过阅读源码，你可以学习到如何注册事件监听器、触发事件以及如何编写事件处理函数。 5. **Ajax通信**：ExtJS内置了...
项目中遇到Extjs3.0在IE9中不兼容，现有两种解决方法
ExtJs Demo100个演示Demo
ExtJS in Action ch1-ch6
在“Extjs及教程，ext-2.3.0及教程”这个主题中，我们主要关注的是ExtJS 2.3.0版本及其相关的学习资源。该版本发布于较早的时期，但在当时是相当流行和强大的，它提供了丰富的组件库和强大的数据绑定机制，使得...
ExtJS快速入门--传智播客--蔡世友
ExtJS 6.2与Sencha Cmd 6.5.3.6是Web应用程序开发中的两个关键工具，尤其在构建基于JavaScript的富客户端应用时。本文将深入探讨这两个组件及其在Windows 64位环境下的使用。 首先，ExtJS是一个强大的JavaScript...
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...