- 浏览: 897872 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (498)
- J2EE (52)
- 数据库 (17)
- java基础 (43)
- web技术 (19)
- 程序设计 (6)
- 操作系统 (18)
- IT资讯 (7)
- 我的IT生活 (12)
- 学习笔记 (9)
- Jquery (25)
- JavaScript (18)
- spring (40)
- Hibernate (12)
- Struts (10)
- YUI (2)
- Extjs (22)
- .net (0)
- Eclipse (10)
- 社会主义 (2)
- 服务器 (9)
- CSS (8)
- 网络安全 (16)
- 版本控制 (9)
- PHP (2)
- Oracle (42)
- SQL server (1)
- Mysql (11)
- 项目管理 (3)
- 开发工具使用 (10)
- SQL语句 (7)
- Perl (0)
- Shell (6)
- 漏洞 (4)
- ibatis (5)
- hacker (2)
- SQL注入 (6)
- Hacker工具 (2)
- 入侵和渗透 (7)
- 插件/组件 (2)
- 最爱开源 (5)
- 常用软件 (2)
- DOS (1)
- HTML (2)
- Android (9)
- CMS (1)
- portal (8)
- Linux (7)
- OSGI (1)
- Mina (5)
- maven (2)
- hadoop (7)
- twitter storm (2)
- sap hana (0)
- OAuth (0)
- RESTful (1)
- Nginx (4)
- flex (1)
- Dubbo (1)
- redis (1)
- springMVC (1)
- node.js (1)
- solr (2)
- Flume (1)
- MongoDB (2)
- ElasticSearch (1)
最新评论
-
M_drm:
请问要怎么设置浏览器才不报没权限呢?
用JS在页面调用本地可执行文件的方法(ACTIVEX) -
Alexniver:
官方文档。When importing data into I ...
mysql导入数据过慢 解决方法 -
camelwoo:
我记得 Criteria 可以做连接查询与子查询,也可以做分页 ...
Hibernate总结篇二 -
zhenglongfei:
楼主如果SubKeyName 这个节点不存在,怎么办??怎么用 ...
Java操作注册表 -
yxx676229549:
用log4j 2 了
logback
ExtJS Button的事件和方法定义:
extjs button 用法:
配置:
1. id:"buttonName",
2. text:"Button组件基本用法",
3. tooltip:"提示信息:Button组件基本用法", //提示信息,如果需要显示提示信息,需要使用Ext.QuickTips.init();
4. ooltipType:"title", //定义显示提示信息的类型,有qtip和title两种方式,默认是qtip
5. ype:"button", //按钮类型:可以是submit, reset or button 默认是 button
6. autoShow:true, //默认false,自动显示
7. hidden:false, //默认false,是否隐藏
8. hideMode:"offsets", //隐藏方式,默认display,可以取值:display,offsets,visibility
9. cls:"cssButton", //样式定义,默认""
10. disabled:false, //是否可用,默认false
11. disabledClass:"", //默认x-item-disabled
12. enableToggle:true, //默认false
13. pressed:false, //设置按钮是否已经被按下,默认是false
14. html:"Ext",//默认""
15. handleMouseEvents:true, //默认true,如果为false,那么mouseout mouseover就不能被触发
16. x:number,y:number,在容器中的x,y坐标
17. handler:function(){Ext.Msg.alert('提示消息框','测试Button组件:handler事件!');},//添加事件
18. listeners:{//添加监听事件 可以结合handler测试这两个事件哪个最先执行
"click":function(){
Ext.Msg.alert('提示消息框','测试Button组件:listeners事件!');
Ext.getCmp("buttonName").hide();//隐藏按钮
}
},
19. cls:"x-btn-text-icon",//添加图标前需要设置该属性
20. icon:"house.gif", //图标的地址
21. plugins : Object/Array 扩展插件时使用
22. repeat:false, //默认false ,如果为true,需要设置mouseover事件
23. renderTo:"Bind_Button" //将组件的显示效果渲染到某个节点的ID
常用方法:
1. enable();激活按钮
2. disable();禁用按钮
3. destroy();消灭按钮
4. focus();按钮获取焦点
5. getText();获取按钮上的文本
6. hide();隐藏按钮
7. show();显示按钮
8. setText( String text );设置按钮上的文本
9. setVisible( Boolean visible );设置按钮是否隐藏
10. buttonName.purgeListeners();
//使用该方法,意思是清除所有的监听事件,所以当执行该句后就不会再执行listeners的click事件了。按钮就不会被隐藏了。
11. buttonName.setHandler(fn);
//也可以通过这种方式设置handler事件:
buttonName.setHandler(function(){Ext.Msg.alert('提示消息框','测试Button组件:setHandler事件!');});
12. buttonName.on(eventName,fn);
//下面的事件可以自己测试下
buttonName.on("click",function(){
Ext.Msg.alert('提示消息框','测试Button组件:click事件!');
});
buttonName.on("mouseover",function(){
Ext.Msg.alert('提示消息框','测试Button组件:mouseover事件!');
});
buttonName.on("mouseout",function(){
Ext.Msg.alert('提示消息框','测试Button组件:mouseout事件!');
});
mouseout : ( Button this, Event e ) ;
mouseover : ( Button this, Event e );
beforedestroy : ( Ext.Component this ) ;
beforehide : ( Ext.Component this ) ;
beforerender : ( Ext.Component this )
beforeshow : ( Ext.Component this )
click : ( Button this, EventObject e )
destroy : ( Ext.Component this )
disable : ( Ext.Component this )
enable : ( Ext.Component this )
hide : ( Ext.Component this )
show : ( Ext.Component this )
render : ( Ext.Component this )
<!--EndFragment-->
Ext.onReady(function(){ //构造函数的参数传入一个字面量- renderTo, text //minWidth最小宽度,无论字有多大都是100像素宽度 //handler:指定一个函数句柄,在默认事件触发时的函数调用 //此时的默认事件为click //这是事件定义的第一种方法 var _button = new Ext.Button({ //Ext.getBody().dom == document.body; renderTo: Ext.getBody(), text: "确定", minWidth: 100, handler: function(){ alert("欢迎学习ExtJS"); } }); //text是Ext.Button的只读属性 alert(_button.text); //setText是Ext.Button的设置Text方法 _button.setText("取消"); //listeners是在对象在被初始化前,就将一系列事件定义的手段 //这是事件定义的第二种方法(推荐程度5颗星) var button2 = new Ext.Button({ renderTo: Ext.getBody(), text: "Listeners Test", minWidth:100, listeners:{ "click":function(){ alert("Listeners Test"); } } }); //这是事件定义的第三种方法 var _button3 = new Ext.Button({ renderTo: Ext.getBody(), text: "On方法的事件定义", minWidth:100 }); _button3.on("click", function(){ alert("on的事件方法"); }); });
extjs button 用法:
Ext.QuickTips.init(); var buttonName = new Ext.Button({ id:"buttonName", text:"Button组件基本用法", tooltip:"提示信息:Button组件基本用法", //提示信息,如果需要显示提示信息,需要使用Ext.QuickTips.init(); tooltipType:"title", //定义显示提示信息的类型,有qtip和title两种方式,默认是qtip type:"button", //按钮类型:可以是submit, reset or button 默认是 button autoShow:true, //默认false,自动显示 hidden:false, //默认false,是否隐藏 hideMode:"offsets", //隐藏方式,默认display,可以取值:display,offsets,visibility cls:"cssButton", //样式定义,默认"" disabled:false, //是否可用,默认false disabledClass:"", //默认x-item-disabled enableToggle:true, //默认false pressed:false, //设置按钮是否已经被按下,默认是false html:"Ext",//默认"" handleMouseEvents:true, //默认true,如果为false,那么mouseout mouseover就不能被触发 //x:number,y:number,在容器中的x,y坐标 handler:function(){Ext.Msg.alert('提示消息框','测试Button组件:handler事件!');},//添加事件 listeners:{//添加监听事件 可以结合handler测试这两个事件哪个最先执行 "click":function(){ Ext.Msg.alert('提示消息框','测试Button组件:listeners事件!'); Ext.getCmp("buttonName").hide();//隐藏按钮 } }, cls:"x-btn-text-icon",//添加图标前需要设置该属性 icon:"house.gif", //图标的地址 //plugins : Object/Array 扩展插件时使用 repeat:false, //默认false ,如果为true,需要设置mouseover事件 renderTo:"Bind_Button" //将组件的显示效果渲染到某个节点的ID });
配置:
1. id:"buttonName",
2. text:"Button组件基本用法",
3. tooltip:"提示信息:Button组件基本用法", //提示信息,如果需要显示提示信息,需要使用Ext.QuickTips.init();
4. ooltipType:"title", //定义显示提示信息的类型,有qtip和title两种方式,默认是qtip
5. ype:"button", //按钮类型:可以是submit, reset or button 默认是 button
6. autoShow:true, //默认false,自动显示
7. hidden:false, //默认false,是否隐藏
8. hideMode:"offsets", //隐藏方式,默认display,可以取值:display,offsets,visibility
9. cls:"cssButton", //样式定义,默认""
10. disabled:false, //是否可用,默认false
11. disabledClass:"", //默认x-item-disabled
12. enableToggle:true, //默认false
13. pressed:false, //设置按钮是否已经被按下,默认是false
14. html:"Ext",//默认""
15. handleMouseEvents:true, //默认true,如果为false,那么mouseout mouseover就不能被触发
16. x:number,y:number,在容器中的x,y坐标
17. handler:function(){Ext.Msg.alert('提示消息框','测试Button组件:handler事件!');},//添加事件
18. listeners:{//添加监听事件 可以结合handler测试这两个事件哪个最先执行
"click":function(){
Ext.Msg.alert('提示消息框','测试Button组件:listeners事件!');
Ext.getCmp("buttonName").hide();//隐藏按钮
}
},
19. cls:"x-btn-text-icon",//添加图标前需要设置该属性
20. icon:"house.gif", //图标的地址
21. plugins : Object/Array 扩展插件时使用
22. repeat:false, //默认false ,如果为true,需要设置mouseover事件
23. renderTo:"Bind_Button" //将组件的显示效果渲染到某个节点的ID
常用方法:
1. enable();激活按钮
2. disable();禁用按钮
3. destroy();消灭按钮
4. focus();按钮获取焦点
5. getText();获取按钮上的文本
6. hide();隐藏按钮
7. show();显示按钮
8. setText( String text );设置按钮上的文本
9. setVisible( Boolean visible );设置按钮是否隐藏
10. buttonName.purgeListeners();
//使用该方法,意思是清除所有的监听事件,所以当执行该句后就不会再执行listeners的click事件了。按钮就不会被隐藏了。
11. buttonName.setHandler(fn);
//也可以通过这种方式设置handler事件:
buttonName.setHandler(function(){Ext.Msg.alert('提示消息框','测试Button组件:setHandler事件!');});
12. buttonName.on(eventName,fn);
//下面的事件可以自己测试下
buttonName.on("click",function(){
Ext.Msg.alert('提示消息框','测试Button组件:click事件!');
});
buttonName.on("mouseover",function(){
Ext.Msg.alert('提示消息框','测试Button组件:mouseover事件!');
});
buttonName.on("mouseout",function(){
Ext.Msg.alert('提示消息框','测试Button组件:mouseout事件!');
});
mouseout : ( Button this, Event e ) ;
mouseover : ( Button this, Event e );
beforedestroy : ( Ext.Component this ) ;
beforehide : ( Ext.Component this ) ;
beforerender : ( Ext.Component this )
beforeshow : ( Ext.Component this )
click : ( Button this, EventObject e )
destroy : ( Ext.Component this )
disable : ( Ext.Component this )
enable : ( Ext.Component this )
hide : ( Ext.Component this )
show : ( Ext.Component this )
render : ( Ext.Component this )
<!--EndFragment-->
发表评论
-
UI组件:ext、JqueryEasyUI、miniui、dhtmlx及自定义页面
2013-05-16 13:43 3921UI组件:ext、JqueryEasyUI、miniui、dh ... -
JavaScript大牛:Douglas Crockford
2013-03-28 16:02 811JavaScript大牛:Douglas Crockford ... -
js 函数function用法
2013-01-24 09:23 1008http://blog.csdn.net/sunboy_205 ... -
js 数组Array用法
2013-01-24 09:22 933http://blog.csdn.net/sunboy_20 ... -
Ajax动态加载目录树(jquery-treeview)
2012-08-08 18:05 0原文:http://blog.csdn.net/bob007a ... -
JQuery上传插件Uploadify详解及其中文按钮解决方案
2012-08-08 18:02 0官网: http://www.uploadify.com/do ... -
详解Ext + Struts2 文件上传
2012-05-18 10:34 3487前阵子项目里面需要实现文件上传的功能,前后换了包括我在内的三个 ... -
Extjs 中的cookie设置
2012-04-25 17:34 2088发现Extjs中有两个cookie 其一:设置cookie如 ... -
ExtJS column布局后labelField无法显示的问题
2012-04-18 10:43 1944第一次用Extjs的column布局时遇见了很多问题,记录下来 ... -
<转>Extjs中的提示信息用法
2012-04-18 09:43 4974ExtJS.form中msgTarget Ext表单提示 ... -
Extjs表单组件及属性
2012-04-18 09:34 1317Ext.form.Action 配置项: ... -
ext2.0 Ext.MessageBox.confirm 值传递
2012-04-11 10:14 1280function showEditPanel(mID){ ... -
ExtJs TreePanel使用TreeLoader在IE下无法正常加载显示的解决方法
2012-03-28 16:12 1789小菜使用如下代码生成T ... -
ExtJS 开发总结
2012-03-17 23:19 909http://nything.iteye.com/blog/4 ... -
Ext Theme Builder /Ext 皮肤定制
2011-12-29 14:52 1759Spket 定制皮肤功能: spket 支持定制EXT皮肤功能 ... -
IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题
2011-12-27 16:30 2869在使用<input id="file_upl& ... -
网页HTML代码中Meta标签详解
2011-12-26 15:04 1141很多人忽视了HTML标签META的强大功效,一个好的META标 ... -
js实现鼠标点击(非a:hover,a:link,a:visited,a:active)的样式切换效果
2011-12-26 15:00 10941js实现鼠标点击(非a:hover,a:link,a:visi ... -
html中a标签中的onclick和href的使用
2011-12-26 14:54 1556下面代码则执行了subgo()函数, <a href= ... -
ExtJS专题-FormPanel(1)
2011-12-14 14:56 1586OK,前面我们已经学过 ...
相关推荐
EXTJS JAVA EXTJS BUTTON 图标
extjs属性方法集中方便你查看学习,赶快来下载吧!学习extjs
ExtJS 4 button 按钮实例
extjs 主要应用了button的布局,和事件提交
Extjs+Gride使用方法 Extjs Gride
ExtJS Button常用方法,需要学习的朋友可以参考下。
ExtJs4.2代码例子 ExtJS Window常用方法
对extjs时间的介绍,期待您的参与,我们一起努力
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
4.此组件继承的是Ext.Panel,而不是Button,所以此组件并没有所有Ext.Button的功能但是拥有所有Ext.Panel功能并新增了点击事件(使用规范请参照js附件的onReady函数)。本人现正在研究如何重写Ext.Button,如有所收获,...
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
Extjs 4.11 重写 Panel 添加 click事件
4、选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”; 5、选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件; 6、设置新的ExtJS Profile,选中并点击...
1.主要是Extjs方面的一些学习笔记。重点方面有事件处理,动态载入等相关介绍。
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
Selenium识别Extjs控件的解决方法整理.pdf
Extjs 重写Panel添加click事件
EXTJS修改颜色实例源码,供大家一起参考学习。
extjs4.0 技术中文视频讲解,内容非常的全... 第七讲:extjs4.0的事件机制Event 第八讲:extjs4.0的Ajax 第九讲:extjs4.0的core包和Ext类 第十讲:extjs4.0的util包 论坛地址是: http://www.uspcat.com/?fromuid=413