Ext问题总结

刚接触Ext不久,问题碰到不少，幸好也解决了些，记在下面，以后还会添加。

1、打不开Ext的API。
部署Ext源文件，启动tomcat，输入对应的url进入---初学者最容易碰到的问题。
2、Grid的排序组件显示不正常，图标重叠：
新建一个css文件，写入三条语句：

.ext-ie .x-menu-item-icon {left: -24px; top: 0px;}
.ext-strict .x-menu-item-icon {left: 3px; top: 3px;}
.ext-ie7 .x-menu-item-icon {left: -24px; top: 0px;}

然后引入页面。
3、Store对象里面的url配置属性是相对于调用该js代码的页面来说的，而不是相对于该代码本身：比如grid.js包含如下代码

var store=new Ext.data.Store({
              url:'xml/grid.xml',//即使grid.xml与grid.js就在同一目录也要 这么写，如果页面与grid.xml有这样的层次关系
              reader:new Ext.data.XmlReader({
              	record:"row"},
              	["name","url","age"]
              )
    });

4、Ext的源代码必须放在WebRoot以下，也就是必须放在一个tomcat能识别的目录下。
5、单击grid内容，滚动条横向跳动，当列增多时。
重写Ext.grid.GridView对象。具体js代码见下：
[url]http://www.iteye.com/topic/274759[/url]
6、在url中引入另一个包含ext组件的页面，实现组件嵌套，但没有效果。

autoLoad:{url:'basicInfo.html',scripts:true}

scripts:true一定要写；
basicInfo.html中，不能引入ext的js文件和css文件；

7、使用6的方式嵌套组件可能会出现难以预测的错误；有时在嵌套其他JS框架的组件如
dhtmlx，出现的界面异常更是无法理解，可以考虑另一种方式：

将autoLoad:{url:'basicInfo.html',scripts:true}
换成
html:"<iframe id='yourId'  src='basicInfo.html'></iframe>"
此时，'basicInfo.html'中该引入的js、css文件就全都要引入了
，包括Ext的