1、一般都要加载三个文件
ext-all.css
ext-all.js
ext-base.js
2、一般情况下每一个用户的ExtJS 都是从Ext.onReady();开始
3、组件的使用
new Ext.Window();就可以创建一个窗口
new Ext.GridPanel()就可以创建一个表格
var panel = new Ext.Panel
({title:"hello",width:300,height:200,html:"Hell,easyif open source"});
panel.render("hello");
//render方法后面的参数表示页面上的div元素id,也可以直接在参数中通
过renderTo参数来省略用render
方法,只需要在构造函数的参数中添加一个renderTo属性即可
New Ext.Panel
({renderTo:"hello",width:300,height:200,html:"Hello,easyif open
source"});
4、addListener 方法代码中,第一个参数表示时间名称,第二个参数表示事件处
理器或整个响应函数
<script type="text/javascript">
function a(){
alert('some thing');
}
Ext.onReady(function(){
Ext.get(btnAlert).addListener("click",a);
});
</script>
<input id="btnAlert" type="button" value="aler框" />
5、一个事件添加多个响应函数
<script type="text/javascript">
function a(){
alert('some thing');
}
Ext.onReady(function(){
Ext.get("btnAlert").on("click",a);
Ext.get("btnalert").on("click",a);
});
</script>
<input id="btnAlert" type="button" value="aler框" />
6、ExtJS还支持事件延迟处理或时间缓存
<script type="text/javascript">
function a(){
alert('some thing');
}
Ext.onReady(function(){
Ext.get("btnAlert").on("click",a,this,{delay:2000});
});
</script>
<input id="btnAlert" type="button" value="aler框" />
7、一个页面中只能有一个ViewPort实例
<script type="text/javascript">
Ext.onReady(function(){
new Ext.Viewport({
enableTabScroll:true,
layout:"fit",
items:[{title:"面板",
html:"",
bbar:[{text:"按纽1"},
{text:"按纽2"}]
}]
});
});
</script>
8、Viewport常用的border布局
<script type="text/javascript">
Ext.onReady(function(){
new Ext.Viewport({
enableTabScroll:true,
layout:"border",
items:[{title:"面板",
region:"north",
height:50,
html:"网站后台管理系统"},
{title:"菜单",
region:"west",
width:200,
collapsible:true,
html:"菜单栏"},
{xtype:"tabpanel",
region:"center",
items:[{title:"面板1"},{title:"面板2"}]
}
]
});
});
</script>
(来源:http://www.iomo.cn)
分享到:
相关推荐
-(4)<br>JavaScript面向对象的支持--(5)<br>JavaScript面向对象的支持--(6)<br>JavaScript精简学习1:基础知识<br>JavaScript精简学习2:浏览器输出<br>JavaScript精简学习3:图像<br>JavaScript精简学习4:表单<br>...
'<tr><td>年龄</td><td>{1}</td></tr>', '<tr><td>性别</td><td>{2}</td></tr>', '</table>' ) //模板值和模板进行组合并将新生成的节点插入到id为'tpl-table'的元素中 tpl.append('tpl-table',['小王',25,'...
EXT2.0,也就是EXTJS2.0是目前最新的技术...<br><br>具体的帮助文档请去网上查询 搜索EXTJS 或者EXT2.0使用教程即可<br><br>还有可以一起使用的开发类工具 <br>FreeMarker (www.freemarker.org)<br>JSON (www.json.org)
对ExtJS的TabPanel加载带js的iframe页提供支持<br>extjs load once提供支持<br>extjs 面板间消息传递提供支持。。<br><br>资源整理自extjs论坛,修正了里面的链接和异常,直接部署到extjs2.1的example底下就可以<br>...
哪里都没有找到下载,就自己弄了下,方便随时查看<br><br>第 1 章 闪烁吧!看看extjs那些美丽的例子。 <br>第 2 章 震撼吧!让你知道ext表格控件的厉害。 <br>第 3 章 歌颂吧!只为了树也要学ext。 <br>第 4 章 祝福...
我这是根据别人写的做成PDF文档<br>第一章 开始ExtJS………………………………………………………………………………………………………4<br>1.1 获得ExtJS……………………………………………………………………...
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计,<br><br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
这个软件现在市面上只有2.0 和2.1<br>2,0有些新东西不能用<br>2.1要钱才能用啊,<br><br>怕这个东西以后2.02没有了先发个到csdn保存一下,<br><br>听说网友想在2.02上开发出网友自己的2.1这个目前不敢肯定,但是官方的...
<br><br>如果没听说过extjs或者对extjs没有兴趣,请不要继续看下去。<br><br>extjs是一套完整的富客户端解决方案,也因为功能完整,造成ext-all.js有400多k,请注意,这还是压缩后的大小,而且因为是基于js和css的...
<br>教程包括ExtJS的新手入门、组件体系结构及使用、ExtJS中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS入门教程。本教程主要是针对ExtJS2.0进行介绍,全部代码、截图等都是基于ExtJS2.0。<br>
items<array> 选项卡元素集合 选项卡组件渲染后就会显示的选项卡元素集合,具体参数请查看选项卡元素。 width<number> 宽度 选项卡组件的总宽度,默认400px。 height<number> 高度 选项卡组件中页面显示层的高度,...
<name>深入浅出extjs</name> <author>张三</author> <price>88</price> </book> <book id=2> <name>锋利的jQuery</name> <author>李四</author> <price>99</price> </book> <book id=3> <name>深入浅出flex</name> ...
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ...
ext中文手册.pdf<br>extjs.pdf<br>EXT2.0中文教程.exe
extjs4,大家都来看看啊!!!!!!!!!!!
<connectionStrings> <add name="SampleAccess" connectionString="Data Source=.;database=EXTDatabase;user id=sa;password=0;"/> </connectionStrings> <appSettings> <add key="DbHelperProvider" value=...
本文实例讲述了使用... <name>深入浅出extjs</name> <author>张三</author> <price>88</price> </book> <book id=2> <name>锋利的jQuery</name> <author>李四</author> <price>99</price> </book> <book
ExtJs 中文帮助文档<br>内容十分齐全!<br>入门和提高 和查询 的好帮手!
extjs资料以及extjs学习指南,extjs资料以及extjs学习指南