ExtJS的配置
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/adapter/ext/ext-base-debug.js">
</script>
<script type="text/javascript" >
BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif';
</script>
<script type="text/javascript" src="extjs/ext-all-debug.js">
</script>
在配置第一个页面时,一定要确保把extjs路径替换成自己开发环境中的文件路径。
配置BLANK_IMAGE_URL
BLANK_IMAGE_URL属性锁指向的是一个1*1像素的透明图片的位置(也叫一个垫片),它是框架的UI部分的一个关键内容,是用来创建图标的。
BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif';
1、Prototype函数库
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/adapter/prototype/prototype.js">
</script>
<script type="text/javascript" src="extjs/adapter/prototype/scriptaculous.js?load=effects.js">
</script>
<script type="text/javascript" src="extjs/adapter/prototype/ext-prototype-adapter-debug.js">
</script>
<script type="text/javascript" src="extjs/ext-all-debug.js">
</script>
可以看出来,除增加了两个JS文件外,剩下的和普通的ExtJS设置类似。Prototype和Scriptaculous取代了ext-base,ext-prototype-adapter.js吧外部函数库方法映射到Ext。注意,仍然要加载ext-all-debug.js。
2、jQuery函数库
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/adapter/jQuery/jQuery.js">
</script>
<script type="text/javascript" src="extjs/adapter/jQuery/ext-jquery-adapter-debug.js">
</script>
<script type="text/javascript" src="extjs/ext-all-debug.js">
</script>
配置jQuery和Prototype类似。YUI的配置也类似,区别就在于要加载不同的基础函数库和不同的适配器文件。
3、YUI函数库
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/adapter/yui/yui-utilities.js">
</script>
<script type="text/javascript" src="extjs/adapter/yui/ext-yui-adapter-debug.js">
</script>
<script type="text/javascript" src="extjs/ext-all-debug.js">
</script>