- 浏览: 808102 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (488)
- struts1 (4)
- spring (13)
- extjs (36)
- mysql (3)
- sqlserver (2)
- oracle (37)
- 杂谈 (11)
- 面试相关 (35)
- Java基础知识总结 (5)
- Java重要知识点 线程和io流知识点 (6)
- 服务器相关 (1)
- 生活 (1)
- jsp (7)
- servlet (2)
- junit (3)
- struts2 (9)
- 开发必备 (4)
- 使用开发工具总结的知识 (4)
- ibatis (12)
- ajax (2)
- dwr (2)
- jquery (1)
- 设计模式 (4)
- Lucene的学习 (5)
- 经验总结 (19)
- mysql全文搜索相关 (7)
- hibernate (33)
- Sphinx (1)
- log4j的总结 (1)
- 敏捷开发 (9)
- 持续集成 (15)
- UML使用总结 (1)
- Scrum (1)
- OO(面向对象编程) (1)
- struts1和struts2总结 (1)
- 数据库加密 (1)
- 多线程和Socket编程 (6)
- PowerDesigner (2)
- 权限相关 (1)
- ant应用总结 (4)
- 面试必知知识点总结 (6)
- io流与nio流总结 面试相关 (1)
- 敏捷管理工具的使用 (7)
- hsqldb相关 (1)
- svn源码相关 (2)
- debug调试技巧总结 (1)
- hibernate和ibatis对比相关 (6)
- eclipse mylyn 插件的使用总结 (2)
- fisheye使用总结 (2)
- java泛型总结 (1)
- ssh整合总结 (10)
- SpringSide的学习总结 (1)
- JPA学习总结 (2)
- RoR 总结 (2)
- 模型驱动 总结 (1)
- Oracle SQL优化技巧 (4)
- 数据库相关资料 (1)
- oracle练习相关 (4)
- PowerDesigner 使用总结 (2)
- Struts实现国际化相关 (2)
- 权限框架 Spring Security (1)
- freemarker使用总结 (1)
- jsp servlet总结相关 (3)
- Java NIO总结 (1)
- 自己学习必须 (3)
- 蝴蝶容器相关 (2)
- eclipse插件的使用 (1)
- myeclipse的使用 (1)
- flex相关 (1)
- javaeye重生后总结的知识点 (2)
- 公司学习总结 (3)
- JAXB 相关 (1)
- ECSide (1)
- EdoJs 企业ajax框架 (1)
- RSA加密算法 (1)
- jbpm相关 (1)
- JMF原理 (1)
- MyEclipse使用总结 (1)
- Funsion Charts 相关总结 (3)
- 常用知识2011 (2)
- Flex与Java整合 (1)
- IBM WebSphere相关 (1)
- jQuery使用技巧 (2)
- 2011年面试相关知识点总结 (2)
- sqlserver开发相关 (8)
- eclipse 打jar相关 (2)
- Oracle/Mysql/SqlServer比较 (1)
- WebService Axis1.4开发相关 (4)
- 进制数的转换 总结 (1)
- WebService Axis2.0开发相关 (0)
- iteye Struts2 Spring Hibernate整合相关 (3)
- iteye osgi资料相关总结 (1)
- iteye ifos相关相关 (1)
- iteye 国际化相关 (1)
- iteye Hibernate缓存机制 (4)
- iteye Struts2 总结 (1)
- iteye Struts标签总结 (0)
- iteye web配置文件大全 (6)
- iteye Efs 框架总结 (1)
- iteye sql优化 (2)
- iteye 大数据量高并发的数据库优化 (1)
- iteye 开发相关 (1)
- iteye s1sh 和 s2sh整合中的问题以及解决 (1)
- iteye s1sh整合实例 (1)
- iteye s2sh整合实例 (1)
- iteye 面试相关 基础篇 (1)
- iteye Android相关 (1)
- iteye 面试相关 Web篇 (1)
- iteye Sql Server相关 (0)
- iteye struts1与struts2比较 (1)
- iteye jquery 和Struts2 (0)
- iteye struts2与其他插件整合 (0)
- iteye jquery 开发相关 (1)
- iteye eclipse结合spket(Ext,Jquery)开发相关 (0)
- iteye myeclipse 使用技巧相关 (0)
- iteye Memcached 缓存系统相关 (0)
- iteye 常用软件相关 (0)
- iteye 最新技术预览 AjaxSwing (0)
- iteye struts上传下载相关 (0)
- iteye 新技术相关 (0)
- test (0)
- iteye 开发Java游戏相关 (0)
- iteye Java反编译 (0)
- iteye XML解析相关 (0)
- iteye 压缩ZIP相关 (0)
- iteye 面试相关 (0)
- iteye Android开发相关 (4)
- csdn (0)
- e-inoc (0)
- iteye http错误码对应说明 (0)
- iteye 面试扩展知识点 (0)
- iteye oracle面试相关 存储过程,触发器,游标等 (0)
- iteye english study (0)
- iteye starflow工作流引擎 (0)
- iteye IBM WebSphere Application Server Toolkit使用相关 (0)
- iteye spring3 (0)
- iteye mybatis (0)
- iteye js技巧总结 (0)
- iteye SEO优化相关 (2)
- iteye QUI网页界面集成框架 (1)
- iteye AjaxAnywhere (1)
- iteye Nutz相关 (1)
- iteye ibatis技巧 (0)
- iteye dwz (0)
- 128个ajax/javascript框架 (0)
- iteye 2012 Java Swing教程 (1)
- iteye 码头集装箱相关 (1)
- iteye swing (2)
- 兼职工作 (0)
- 2012 新总结的面试相关知识点 常用知识点 (1)
- 淘宝网店相关 (0)
- oracle 常用函数 2012新总结 (1)
- 我的时尚潮流屋 (0)
- 2012 年 面试新总结知识 (1)
- 技巧 (1)
- 2013总结 (1)
- 2015工作相关 (3)
- springmvc (5)
- EasyPR-Java (1)
- java (2)
- editplus 4.0 注册码 (1)
- android (1)
- oracle连接数据库相关 (1)
- 编程资料总结 (2)
- 20160808 (1)
- visio 2013 (1)
最新评论
-
drew926:
泛型的类型参数可以有多个?这是java哪个版本支持的?
java泛型总结 -
listenan:
赞!非常感谢。
Scrum总结 -
cwscwj:
写的很深刻,谢谢,看了一遍,过段时间打算再看一遍。
Scrum总结 -
hwedwin:
w
Struts 2中的OGNL\EL的使用总结 -
lanni2460:
不错 很好 支持……
sqlserver三个驱动包下载
Ext.Action
action实现一个脱离了容 器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu 支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and setHandler(function)
方法:
Action( Object config )
构造,config定义为
Javascript代码 复制代码
1. {
2. disabled : Boolean,//禁止使用
3. handler : Function,//事件句柄
4. hidden : Boolean,//隐藏
5. iconCls : String,//样式类
6. scope : Object, //handler将在哪个范围内执行
7. text : String //文本
8. }
{
disabled : Boolean,//禁止使用
handler : Function,//事件句柄
hidden : Boolean,//隐藏
iconCls : String,//样式类
scope : Object, //handler将在哪个范围内执行
text : String //文本
}
disable() : void
enable() : void
setDisabled( Boolean disabled ) : void
禁止/允许
each( Function fn, Object scope ) : void
为每个实现了此action的componet应用fn
hide() : void
show() : void
setHidden( Boolean hidden ) : void
显示/隐藏
setHandler( Function fn, Object scope ) : void
setIconClass( String cls ) : void
setText( String text ) : void
重新设置config配置的属性值
示例:
Javascript代码 复制代码
1. function onItemCheck(item){
2. Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
3. }
4. function showMenu(obj){
5. Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
6. }Ext.QuickTips.init();
7. var button=new Ext.SplitButton({
8. renderTo:Ext.getBody(),
9. arrowHandler : showMenu,
10. handler: onItemCheck,
11. arrowTooltip : "更多",
12. text:'按我',
13. menu:'mainMenu'
14. });
function onItemCheck(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
}
function showMenu(obj){
Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
}Ext.QuickTips.init();
var button=new Ext.SplitButton({
renderTo:Ext.getBody(),
arrowHandler : showMenu,
handler: onItemCheck,
arrowTooltip : "更多",
text:'按我',
menu:'mainMenu'
});
Ext.Button
简单的按钮类
公有属性:
disabled : Boolean
允许?
hidden : Boolean
隐藏?
pressed : Boolean
按下?
方法 [继承来的忽略]
Button( Object config )
构造可选config
Javascript代码 复制代码
1. {
2. clickEvent : String, //handler响应的事件,默认是click
3. cls : String, //样式
4. disabled : Boolean, //禁止
5. enableToggle : Boolean,//允许在按下没按下之间切换,添加移除x-btn-pressed样式类
6. handleMouseEvents : Boolean,//允许使用移入移出按下事件,默认是真
7. handler : Function, //响应clickEvent定义的事件
8. hidden : Boolean, //隐藏
9. icon : String, //图标文件地址,如果修改x-btn-text-icon样式类可以重定义默认icon
10. iconCls : String, //和icon功能类似,但使用设定了background-image属性的样式定义
11. menu : Mixed //如果需要,可以为按钮定义菜单
12. menuAlign : String, //菜单对齐方式,默认值是tl-bl
13. minWidth : Number, //最小宽度
14. pressed : Boolean, //是否按下
15. repeat : Boolean/Object,//是否需要重复定义鼠标按下事件,也可以是一个Ext.util.ClickRepeater配置对象
16. scope : Object, //handler事件的范围
17. tabIndex : Number, //table键顺序
18. text : String, //文本
19. toggleGroup : String, //如果定义一组enableToggle为真且toggleGroup值相同的button对象,这些对象同一时间内将只有一个处于按下状态
20. tooltip : String/Object, //提示信息,可以是一个字符串或QuickTips的配置对象
21. tooltipType : String, //可选值"qtip"(默认)或"title"之一
22. type : String //可选值"submit"/"reset"/"button"(默认)之一
23. }
{
clickEvent : String, //handler响应的事件,默认是click
cls : String, //样式
disabled : Boolean, //禁止
enableToggle : Boolean,//允许在按下没按下之间切换,添加移除x-btn-pressed样式类
handleMouseEvents : Boolean,//允许使用移入移出按下事件,默认是真
handler : Function, //响应clickEvent定义的事件
hidden : Boolean, //隐藏
icon : String, //图标文件地址,如果修改x-btn-text-icon样式类可以重定义默认icon
iconCls : String, //和icon功能类似,但使用设定了background-image属性的样式定义
menu : Mixed //如果需要,可以为按钮定义菜单
menuAlign : String, //菜单对齐方式,默认值是tl-bl
minWidth : Number, //最小宽度
pressed : Boolean, //是否按下
repeat : Boolean/Object,//是否需要重复定义鼠标按下事件,也可以是一个Ext.util.ClickRepeater配置对象
scope : Object, //handler事件的范围
tabIndex : Number, //table键顺序
text : String, //文本
toggleGroup : String, //如果定义一组enableToggle为真且toggleGroup值相同的button对象,这些对象同一时间内将只有一个处于按下状态
tooltip : String/Object, //提示信息,可以是一个字符串或QuickTips的配置对象
tooltipType : String, //可选值"qtip"(默认)或"title"之一
type : String //可选值"submit"/"reset"/"button"(默认)之一
}
focus() : void
//得到焦点
getText() : String
//取得文本
hasVisibleMenu() : Boolean
//有可视的菜单?
hideMenu() : void
//隐藏菜单
initComponent() : void
//初始化容器
setHandler( Function handler, [Object scope] ) : void
//设置事件处理方法
setText( String text ) : void
//设置文本
showMenu() : void
//显示菜单
toggle( [Boolean state] ) : void
//切换按下状态
示例:
Html代码 复制代码
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml" >
3. <head>
4. <title>Untitled Page</title>
5. <link rel="stylesheet" rev="stylesheet" href="/css/ext-all.css" type="text/css" media="all" />
6. <script. type="text/javascript" src="/scripts/adapter/ext/ext-base.js"></script>
7. <script. type="text/javascript" src="/scripts/ext-all.js"></script>
8. <style. type="text/css">
9. /*--加入样式背景好直观一点*/
10. .x-btn-pressed button{
11. background-color:red;
12. }
13. </style>
14. <script. type="text/javascript">
15. Ext.onReady(function(){
16.
17. //有菜单的按钮
18. function onItemCheck(item){
19. Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
20. }
21. var menu = new Ext.menu.Menu({
22. id: 'mainMenu',
23. items: [
24. {
25. text: 'menu1',
26. handler: onItemCheck
27. },
28. {
29. text: 'menu2',
30. handler: onItemCheck
31. }]
32. });var button=new Ext.Button({
33. renderTo:Ext.getBody(),
34. text:'按我',
35. menu:'mainMenu'
36. });//有状态的探钮
37. new Ext.Button({
38. renderTo:Ext.getBody(),
39. text:'toggle button ',
40. enableToggle:true
41. });//分组的有状态按钮
42. new Ext.Button({
43. renderTo:Ext.getBody(),
44. text:'toggle button 1',
45. enableToggle:true,
46. toggleGroup:'toggleGroup',
47. handler: onItemCheck
48. });
49. new Ext.Button({
50. renderTo:Ext.getBody(),
51. text:'toggle button 2',
52. enableToggle:true,
53. toggleGroup:'toggleGroup',
54. handler: onItemCheck
55. }); });
56. </script>
57. </head>
58. <body></body>
59. </html>
<!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>
<title>Untitled Page</title>
<link rel="stylesheet" rev="stylesheet" href="/css/ext-all.css" type="text/css" media="all" />
<script. type="text/javascript" src="/scripts/adapter/ext/ext-base.js"></script>
<script. type="text/javascript" src="/scripts/ext-all.js"></script>
<style. type="text/css">
/*--加入样式背景好直观一点*/
.x-btn-pressed button{
background-color:red;
}
</style>
<script. type="text/javascript">
Ext.onReady(function(){
//有菜单的按钮
function onItemCheck(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
}
var menu = new Ext.menu.Menu({
id: 'mainMenu',
items: [
{
text: 'menu1',
handler: onItemCheck
},
{
text: 'menu2',
handler: onItemCheck
}]
});var button=new Ext.Button({
renderTo:Ext.getBody(),
text:'按我',
menu:'mainMenu'
});//有状态的探钮
new Ext.Button({
renderTo:Ext.getBody(),
text:'toggle button ',
enableToggle:true
});//分组的有状态按钮
new Ext.Button({
renderTo:Ext.getBody(),
text:'toggle button 1',
enableToggle:true,
toggleGroup:'toggleGroup',
handler: onItemCheck
});
new Ext.Button({
renderTo:Ext.getBody(),
text:'toggle button 2',
enableToggle:true,
toggleGroup:'toggleGroup',
handler: onItemCheck
}); });
</script>
</head>
<body></body>
</html>
Ext.SplitButton
上例中的带菜单按钮还不专业,于是有了Ext.SplitButton,专门为带有下拉菜单的按钮设计的
方法:
SplitButton( Object config )
构造,config中加入了{
arrowHandler : Function,
arrowTooltip : String
}
setArrowHandler( Function handler, [Object scope] ) : void
设置下拉箭头的点击事件
事件:
arrowclick : ( MenuButton this, EventObject e )
使用示例:
比如上例中的菜单按钮可以改为
Javascript代码 复制代码
1. function onItemCheck(item){
2. Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
3. }
4. function showMenu(obj){
5. Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
6. }
7.
8. Ext.QuickTips.init();
9. var button=new Ext.SplitButton({
10. renderTo:Ext.getBody(),
11. arrowHandler : showMenu,
12. handler: onItemCheck,
13. arrowTooltip : "更多",
14. text:'按我',
15. menu:'mainMenu'
16. });
function onItemCheck(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
}
function showMenu(obj){
Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
}
Ext.QuickTips.init();
var button=new Ext.SplitButton({
renderTo:Ext.getBody(),
arrowHandler : showMenu,
handler: onItemCheck,
arrowTooltip : "更多",
text:'按我',
menu:'mainMenu'
});
Ext.CycleButton
这是一个SplitButton的实用子类,用于在多个item之间切换状态,当然它也会带有menu可供选择,也可以直接点击按键在item之间切换
方法:
CycleButton( Object config )
构造,config新增配置项
Javascript代码 复制代码
1. {
2. changeHandler : Function, //状态切换时的处理事件
3. items : Array, //items应该是menu item的数组
4. prependText : String, //前导text
5. showText : Boolean, //追加item的text到按钮显示
6. }
{
changeHandler : Function, //状态切换时的处理事件
items : Array, //items应该是menu item的数组
prependText : String, //前导text
showText : Boolean, //追加item的text到按钮显示
}
getActiveItem() : Ext.menu.CheckItem
setActiveItem( Ext.menu.CheckItem item, Boolean suppressEvent ) : void
得到/设置活动选项
toggleSelected() : void
切换选择项,相当于点击一次按钮
示例
Javascript代码 复制代码
1. new Ext.CycleButton({
2. renderTo:Ext.getBody(),
3. showText: true,
4. prependText: 'View as ',
5. items: [{
6. text:'text only',
7. iconCls:'view-text',
8. checked:true
9. },{
10. text:'HTML',
11. iconCls:'view-html'
12. },{
13. text:'XML',
14. iconCls:'view-html'
15. }
16. ],
17. changeHandler:function(btn, item){
18. Ext.MessageBox.alert('Change View', item.text);
19. }
20. });
action实现一个脱离了容 器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu 支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and setHandler(function)
方法:
Action( Object config )
构造,config定义为
Javascript代码 复制代码
1. {
2. disabled : Boolean,//禁止使用
3. handler : Function,//事件句柄
4. hidden : Boolean,//隐藏
5. iconCls : String,//样式类
6. scope : Object, //handler将在哪个范围内执行
7. text : String //文本
8. }
{
disabled : Boolean,//禁止使用
handler : Function,//事件句柄
hidden : Boolean,//隐藏
iconCls : String,//样式类
scope : Object, //handler将在哪个范围内执行
text : String //文本
}
disable() : void
enable() : void
setDisabled( Boolean disabled ) : void
禁止/允许
each( Function fn, Object scope ) : void
为每个实现了此action的componet应用fn
hide() : void
show() : void
setHidden( Boolean hidden ) : void
显示/隐藏
setHandler( Function fn, Object scope ) : void
setIconClass( String cls ) : void
setText( String text ) : void
重新设置config配置的属性值
示例:
Javascript代码 复制代码
1. function onItemCheck(item){
2. Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
3. }
4. function showMenu(obj){
5. Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
6. }Ext.QuickTips.init();
7. var button=new Ext.SplitButton({
8. renderTo:Ext.getBody(),
9. arrowHandler : showMenu,
10. handler: onItemCheck,
11. arrowTooltip : "更多",
12. text:'按我',
13. menu:'mainMenu'
14. });
function onItemCheck(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
}
function showMenu(obj){
Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
}Ext.QuickTips.init();
var button=new Ext.SplitButton({
renderTo:Ext.getBody(),
arrowHandler : showMenu,
handler: onItemCheck,
arrowTooltip : "更多",
text:'按我',
menu:'mainMenu'
});
Ext.Button
简单的按钮类
公有属性:
disabled : Boolean
允许?
hidden : Boolean
隐藏?
pressed : Boolean
按下?
方法 [继承来的忽略]
Button( Object config )
构造可选config
Javascript代码 复制代码
1. {
2. clickEvent : String, //handler响应的事件,默认是click
3. cls : String, //样式
4. disabled : Boolean, //禁止
5. enableToggle : Boolean,//允许在按下没按下之间切换,添加移除x-btn-pressed样式类
6. handleMouseEvents : Boolean,//允许使用移入移出按下事件,默认是真
7. handler : Function, //响应clickEvent定义的事件
8. hidden : Boolean, //隐藏
9. icon : String, //图标文件地址,如果修改x-btn-text-icon样式类可以重定义默认icon
10. iconCls : String, //和icon功能类似,但使用设定了background-image属性的样式定义
11. menu : Mixed //如果需要,可以为按钮定义菜单
12. menuAlign : String, //菜单对齐方式,默认值是tl-bl
13. minWidth : Number, //最小宽度
14. pressed : Boolean, //是否按下
15. repeat : Boolean/Object,//是否需要重复定义鼠标按下事件,也可以是一个Ext.util.ClickRepeater配置对象
16. scope : Object, //handler事件的范围
17. tabIndex : Number, //table键顺序
18. text : String, //文本
19. toggleGroup : String, //如果定义一组enableToggle为真且toggleGroup值相同的button对象,这些对象同一时间内将只有一个处于按下状态
20. tooltip : String/Object, //提示信息,可以是一个字符串或QuickTips的配置对象
21. tooltipType : String, //可选值"qtip"(默认)或"title"之一
22. type : String //可选值"submit"/"reset"/"button"(默认)之一
23. }
{
clickEvent : String, //handler响应的事件,默认是click
cls : String, //样式
disabled : Boolean, //禁止
enableToggle : Boolean,//允许在按下没按下之间切换,添加移除x-btn-pressed样式类
handleMouseEvents : Boolean,//允许使用移入移出按下事件,默认是真
handler : Function, //响应clickEvent定义的事件
hidden : Boolean, //隐藏
icon : String, //图标文件地址,如果修改x-btn-text-icon样式类可以重定义默认icon
iconCls : String, //和icon功能类似,但使用设定了background-image属性的样式定义
menu : Mixed //如果需要,可以为按钮定义菜单
menuAlign : String, //菜单对齐方式,默认值是tl-bl
minWidth : Number, //最小宽度
pressed : Boolean, //是否按下
repeat : Boolean/Object,//是否需要重复定义鼠标按下事件,也可以是一个Ext.util.ClickRepeater配置对象
scope : Object, //handler事件的范围
tabIndex : Number, //table键顺序
text : String, //文本
toggleGroup : String, //如果定义一组enableToggle为真且toggleGroup值相同的button对象,这些对象同一时间内将只有一个处于按下状态
tooltip : String/Object, //提示信息,可以是一个字符串或QuickTips的配置对象
tooltipType : String, //可选值"qtip"(默认)或"title"之一
type : String //可选值"submit"/"reset"/"button"(默认)之一
}
focus() : void
//得到焦点
getText() : String
//取得文本
hasVisibleMenu() : Boolean
//有可视的菜单?
hideMenu() : void
//隐藏菜单
initComponent() : void
//初始化容器
setHandler( Function handler, [Object scope] ) : void
//设置事件处理方法
setText( String text ) : void
//设置文本
showMenu() : void
//显示菜单
toggle( [Boolean state] ) : void
//切换按下状态
示例:
Html代码 复制代码
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml" >
3. <head>
4. <title>Untitled Page</title>
5. <link rel="stylesheet" rev="stylesheet" href="/css/ext-all.css" type="text/css" media="all" />
6. <script. type="text/javascript" src="/scripts/adapter/ext/ext-base.js"></script>
7. <script. type="text/javascript" src="/scripts/ext-all.js"></script>
8. <style. type="text/css">
9. /*--加入样式背景好直观一点*/
10. .x-btn-pressed button{
11. background-color:red;
12. }
13. </style>
14. <script. type="text/javascript">
15. Ext.onReady(function(){
16.
17. //有菜单的按钮
18. function onItemCheck(item){
19. Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
20. }
21. var menu = new Ext.menu.Menu({
22. id: 'mainMenu',
23. items: [
24. {
25. text: 'menu1',
26. handler: onItemCheck
27. },
28. {
29. text: 'menu2',
30. handler: onItemCheck
31. }]
32. });var button=new Ext.Button({
33. renderTo:Ext.getBody(),
34. text:'按我',
35. menu:'mainMenu'
36. });//有状态的探钮
37. new Ext.Button({
38. renderTo:Ext.getBody(),
39. text:'toggle button ',
40. enableToggle:true
41. });//分组的有状态按钮
42. new Ext.Button({
43. renderTo:Ext.getBody(),
44. text:'toggle button 1',
45. enableToggle:true,
46. toggleGroup:'toggleGroup',
47. handler: onItemCheck
48. });
49. new Ext.Button({
50. renderTo:Ext.getBody(),
51. text:'toggle button 2',
52. enableToggle:true,
53. toggleGroup:'toggleGroup',
54. handler: onItemCheck
55. }); });
56. </script>
57. </head>
58. <body></body>
59. </html>
<!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>
<title>Untitled Page</title>
<link rel="stylesheet" rev="stylesheet" href="/css/ext-all.css" type="text/css" media="all" />
<script. type="text/javascript" src="/scripts/adapter/ext/ext-base.js"></script>
<script. type="text/javascript" src="/scripts/ext-all.js"></script>
<style. type="text/css">
/*--加入样式背景好直观一点*/
.x-btn-pressed button{
background-color:red;
}
</style>
<script. type="text/javascript">
Ext.onReady(function(){
//有菜单的按钮
function onItemCheck(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
}
var menu = new Ext.menu.Menu({
id: 'mainMenu',
items: [
{
text: 'menu1',
handler: onItemCheck
},
{
text: 'menu2',
handler: onItemCheck
}]
});var button=new Ext.Button({
renderTo:Ext.getBody(),
text:'按我',
menu:'mainMenu'
});//有状态的探钮
new Ext.Button({
renderTo:Ext.getBody(),
text:'toggle button ',
enableToggle:true
});//分组的有状态按钮
new Ext.Button({
renderTo:Ext.getBody(),
text:'toggle button 1',
enableToggle:true,
toggleGroup:'toggleGroup',
handler: onItemCheck
});
new Ext.Button({
renderTo:Ext.getBody(),
text:'toggle button 2',
enableToggle:true,
toggleGroup:'toggleGroup',
handler: onItemCheck
}); });
</script>
</head>
<body></body>
</html>
Ext.SplitButton
上例中的带菜单按钮还不专业,于是有了Ext.SplitButton,专门为带有下拉菜单的按钮设计的
方法:
SplitButton( Object config )
构造,config中加入了{
arrowHandler : Function,
arrowTooltip : String
}
setArrowHandler( Function handler, [Object scope] ) : void
设置下拉箭头的点击事件
事件:
arrowclick : ( MenuButton this, EventObject e )
使用示例:
比如上例中的菜单按钮可以改为
Javascript代码 复制代码
1. function onItemCheck(item){
2. Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
3. }
4. function showMenu(obj){
5. Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
6. }
7.
8. Ext.QuickTips.init();
9. var button=new Ext.SplitButton({
10. renderTo:Ext.getBody(),
11. arrowHandler : showMenu,
12. handler: onItemCheck,
13. arrowTooltip : "更多",
14. text:'按我',
15. menu:'mainMenu'
16. });
function onItemCheck(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
}
function showMenu(obj){
Ext.MessageBox.alert("点击下拉",obj.getXTypes() )
}
Ext.QuickTips.init();
var button=new Ext.SplitButton({
renderTo:Ext.getBody(),
arrowHandler : showMenu,
handler: onItemCheck,
arrowTooltip : "更多",
text:'按我',
menu:'mainMenu'
});
Ext.CycleButton
这是一个SplitButton的实用子类,用于在多个item之间切换状态,当然它也会带有menu可供选择,也可以直接点击按键在item之间切换
方法:
CycleButton( Object config )
构造,config新增配置项
Javascript代码 复制代码
1. {
2. changeHandler : Function, //状态切换时的处理事件
3. items : Array, //items应该是menu item的数组
4. prependText : String, //前导text
5. showText : Boolean, //追加item的text到按钮显示
6. }
{
changeHandler : Function, //状态切换时的处理事件
items : Array, //items应该是menu item的数组
prependText : String, //前导text
showText : Boolean, //追加item的text到按钮显示
}
getActiveItem() : Ext.menu.CheckItem
setActiveItem( Ext.menu.CheckItem item, Boolean suppressEvent ) : void
得到/设置活动选项
toggleSelected() : void
切换选择项,相当于点击一次按钮
示例
Javascript代码 复制代码
1. new Ext.CycleButton({
2. renderTo:Ext.getBody(),
3. showText: true,
4. prependText: 'View as ',
5. items: [{
6. text:'text only',
7. iconCls:'view-text',
8. checked:true
9. },{
10. text:'HTML',
11. iconCls:'view-html'
12. },{
13. text:'XML',
14. iconCls:'view-html'
15. }
16. ],
17. changeHandler:function(btn, item){
18. Ext.MessageBox.alert('Change View', item.text);
19. }
20. });
发表评论
-
Ext 文档相关
2010-11-22 12:55 1045Ext 文档相关 -
Ext3.2中文API(最终完成版2010-10-25)
2010-11-15 10:25 1527Ext3.2中文API(最终完成版2010-10-25).CH ... -
Ext.data.Connection
2010-08-28 23:11 1063Ext.data.Connection Ext.data.C ... -
EXt tree 简单增、删、改、查
2010-08-26 17:43 1822EXt tree 简单增、删、改、查 js: E ... -
Extjs总结
2010-08-23 17:07 2156ExtJS是一个用javascript写的,主要用于创建前端用 ... -
在Struts2.0中使用JSON结合DWR和EXT
2010-08-23 08:24 1643在Struts2.0中使用JSON结合DWR和EXT 如 ... -
搭建EXTJS和STRUTS2框架(ext和struts2简单实例)
2010-08-23 08:17 1070新建一个工程struts2工程teaweb(因为现在所做的项目 ... -
EditorGridPanel中ComboBox显示问题?
2010-08-19 23:52 1494function getConsumerUnit(value) ... -
ExtJS3.0之可编辑表格EditorGridPanel
2010-08-19 23:45 2035ExtJS3.0之可编辑表格EditorGridPanel ... -
div左图右文布局效果 收藏
2010-08-19 23:22 1481div左图右文布局效果 收藏 <!DOCTYPE htm ... -
Ext Js Grid 编辑 新增 删除 保存的一个小示例
2010-08-19 23:20 2319Ext Js Grid 编辑 新增 删除 保存的一个小示例 & ... -
xt中combobox在grid显示问题
2010-08-19 23:16 1269xt中combobox在grid显示问题 问题描述:我在ed ... -
Ext.grid.EditorGridPanel的使用、修改记录的获取及提交方法
2010-08-19 20:27 1787<HTML> <HEAD> &l ... -
在Ext中EditorGrid中datefield输入问题解决过程
2010-08-19 20:22 1765在Ext中EditorGrid中datefield输入问题解决 ... -
在extjs中,用GridPanel来显示数据
2010-08-19 17:44 1560在extjs中,用GridPanel来显示数据,需要用到Sto ... -
使用Ext实现拖拉功能
2010-08-19 14:24 1398<!DOCTYPE html PUBLIC &q ... -
深入浅出Ext JS:一个完整的EXT应用
2010-08-19 14:16 2325在本文中,我们将综合运用前面所学的知识,开发一个简单的学生信息 ... -
Ext.GridPanel 用法总结(一)—— Grid基本用法
2010-08-19 12:23 1714Ext.GridPanel 用法总结(一)—— Grid基本用 ... -
Ext.ux.grid.RowEditor的使用
2010-08-19 10:42 3771Ext.ux.grid.RowEditor的使用 RowEd ... -
ext+dwr完整的例子(包括树,增删改查等)
2010-08-14 21:14 1343ext+dwr完整的例子(包括树,增删改查等) 文章分类:We ...
相关推荐
EXT各个控件属性(7)[整理].pdf
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
Ext.Net学习笔记 ,主要用的控件的一些属性用法及意思。
该资源里边的属性控件有源代码,已经使用的例子和API。
强大的Ext单多选下拉列表控件;基于 LovCombo ; * 作者:中国.湖南.长沙.任文敏 * * 功能: * 1. 支持:★ 多选|单选 (isSingle:'N|Y') * 2. 多选支持: 全选/全不选 * 3. ★ 多选且分页支持: 全部清除 * 4...
让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. 上边那个是1.x的,2.0稍微有些不同哦 2.4. 按顺序,咱们先要把常见功能讲到 2.4.1. 自主决定每列的宽度 2.4.2. ...
让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. grid默认自带的功能 2.4. 按顺序,咱们先要把常见功能讲到 2.4.1. 自主决定每列的宽度 2.4.2. 让grid支持按列...
ext学习使用中可以使用的手册和文档,包含各种控件的属性和说明,学习入门的好东西
让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. 上边那个是1.x的,2.0稍微有些不同哦 2.4. 按顺序,咱们先要把常见功能讲到 2.4.1. 自主决定每列的宽度 ...
Ext的学习笔记:关于Store,GridPanel及其属性的用法,希望能帮助大家
1使用了Ext.Net1.1控件Vs2010,Sql2005,如有不明白可联系mail:sqrlt@yahoo.cn; 2小弟也初学,发现很多人都需要日程管理系统,可官网的Demo拿来后不好用,所以就简单修改了下 3放弃了官网Demo中 EventEditWindow...
EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require) EXTJS...
以前写过的页面上所使用的text控件width属性太小需要改动,改动牵扯页面上所有text的属性,改动每个控件的width感觉会很麻烦,所以就想通过在页面加载的时候将要改动的text找到并添加属性。首先先写了一个css样式:...
因此每个控件的编写都尽量符合ASP.NET的开发习惯,从控件和属性的命名到复杂的AJAX交互,都让传统的ASP.NET开发人员感到很舒服,这也是ExtAspNet经过四年的风雨历程仍然深受广大开发者喜爱的原因。
Ext2.0对框架进行了非常大的重构,其中最重要的是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext控件。Ext组件由Component类定义,每一种组件都有一个指定的xtype属性值,通过该值可以得到一个组件的...
-ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...
第九章 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件 72 一、面板控件 Ext.Panel 72 二、窗口控件 Ext.window.Window 74 三、布局控件 Ext.container.Viewport 77 第十章 ...
7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 ...
ExtAspNet控件 v3.1.9源码 源码描述: 关于ExtAspNet 基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有原生的 AJAX 支持和华丽的UI效果。 ExtAspNet的使命 创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ...
: 设置对象属性 Web页面中需包含以下控件,Label控件、TextBox控件、Button控件、LinkButton控 件、ImageMap控件、RadioButton控件、DropDownList控件、ListItem控件、RadioButt onList控件、CheckBoxList控件等...