EtJs教程分析和总结.docx

2008-04-18

2008-04-18

ExtJs

ExtJs中解决IE的min-width问题

当使用了ExtJs后，脚本documentElement.clientWidth得到的值是0，需要换成Ext.getBody().getWidth()

来获得。

关于解决IE的min-width方法就可以这样写：

//===========Style===============//

#hxcy{text-align:right;margin:0auto;min-width:778px;width:expression((Ext.getBody().getWidth()778)?778px:auto);}

/*注意：这里将documentElement.clientWidth替换为了Ext.getBody().getWidth() */

//===========Page================//

%@pagecontentType=text/html;charset=UTF-8%

%@tagliburi=/jsp/jstl/coreprefix=c%

c:setvar=ctxvalue=${pageContext.request.contextPath}/

%@includefile=/ecside/common/head_showResult.jsp%

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

htmlxmlns=/1999/xhtml

head

titletitle/title

metahttp-equiv=keywordscontent=keyword1,keyword2,keyword3

metahttp-equiv=descriptioncontent=thisismypage

metahttp-equiv=content-typecontent=text/html;charset=UTF-8

linkrel=stylesheettype=text/csshref=${ctx}/scripts/ext/resources/css/ext-all.css

linkrel=stylesheettype=text/csshref=${ctx}/styles/demo_index.css

scripttype=text/javascriptsrc=${ctx}/scripts/ext/adapter/ext/ext-base.js/script

scripttype=text/javascriptsrc=${ctx}/scripts/ext/ext-all.js/script

scripttype=text/javascriptsrc=${ctx}/scripts/demo_index.js/script

/head

body

divid=west

p

Hi.Imthewestpanel.

/p

/div

divid=northclass=header

divid=hxcy

divclass=logoimgsrc=${ctx}/images/logo.gif//div

divclass=header_menuul

divclass=header_menu

ul

liid=ico_homeahref=${ctx}/j_acegi_logouttarget=_parent设为主页/a/li

liid=ico_favoritorahref=${ctx}/j_acegi_logouttarget=_parent添加到收藏夹/a/li

liid=ico_applicationahref=${ctx}/j_acegi_logouttarget=_parent切换平台/a/li

liid=ico_quitahref=${ctx}/j_acegi_logouttarget=_parent退出/a/li

liid=ico_helpahref=${ctx}/j_acegi_logouttarget=_parent帮助/a/li

/ul

/div

/div

/div

/body

/html

2008-04-18

用了ExtJs后，IE

用了ExtJs后，IE打开页面是空白的问题解决

用了ExtJs后，IE打开页面是空白的问题解决:

好不容易搞了个EXTJS的DEMO(自己写的)，然后里面就写了个HTML页面，