1、到官网或Ext论坛下载ExtJs
2、解压下载到的ExtJs
文件夹说明:
docs:说明文档
examples:例子
locale:国际化库
resources:各种必须的css资源、图片资源
src:各种源文件
文件说明:
ext-all-dev.js:未压缩的js库
ext-all.js:压缩过的js库
3、引入js文件:
根据需要,引入ext-all-dev.js或ext-all.js均可。
还可以只引入bootstrap.js(该文件通过:1、当前访问的主机名 2、当前访问的ip地址 3、访问网协议 这三点之一决定引ext-all.js入或者ext-all-dev.js)
如果需要中文支持,则还需引入/locale/ext-lang-zh_CN.js
4、引入css文件
引入/resources/css/ext-all.css
5、入门代码:
<body>
<script type="text/javascript">
Ext.onReady(function(){
//创建一个按钮
var bn=Ext.create('Ext.Button',{
text:"单击我",//按钮文字
scale:"large",
icon:"extjs/welcome/img/vimeo-16.png",
renderTo:Ext.getBody(),//指定将该按钮放入body元素
handler:function(){
//获取ID为target的元素并控制它
Ext.fly("target")
.setHeight(80)
.setWidth(80)
.center()
.highlight()
.setStyle("background-color","#f0f")
.setStyle("border","2px solid black");
}
});
});
</script>
<div id="target"></div>
</body>