使用ExtJS要导入ExtJs的资源
在ExtJS3.XX中,导入下面的资源即可:
<link rel="stylesheet" type="text/css" href="ext-3.4.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.4.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.4.1/ext-all.js"></script>
<script type="text/javascript" src="ext-3.4.1/locale/ext-lang-zh_CN.js"></script>
先导入css样式,再导入ext-base.js,最后导入ext-all.js,如果有需要的话再导入支持中文的js文件.需要注意的是ext-base.js一定要在ext-all.js之前导入,否则可能会报不能调用相应的方法的错误.
在ExtJS4.XX中,要导入下面的资源文件:
<link type="text/css" rel="stylesheet" href="ext/resources/css/ext-all.css">
<script type="text/javascript" src="ext/bootstrap.js"></script>
<script type="text/javascript" src="ext/locale/ext-lang-zh_CN.js"></script>
一般情况下,开发的时候导入这三个文件就可以了.要导入更多的话一定要谨慎再谨慎.我开始练习的时候没有在意,导入一下文件:
<link type="text/css" rel="stylesheet" href="ext/resources/css/ext-all.css">
<script type="text/javascript" src="ext/bootstrap.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="ext/ext.js"></script>
Ext的有些组件可以用,但是,也有一些组件,使用的时候会报错.最简单的是Ext.Msg.alert();这个提示框都会报错,报的好像是"在ext-all.js中,dom节点为null",或者"在ext-all.js中,object对象为空"的错误.不同的浏览器会报不同的错误.
一定要记住,ExtJS导入多余的文件有可能报错.至于你信不信,我反正是信了!
~@^!!