本文主要是介绍配置ExtJS及使用其他框架,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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>
这篇关于配置ExtJS及使用其他框架的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!