- 浏览: 113069 次
- 来自: 北京
文章分类
最新评论
-
hww_1030:
spring+springmvc+ibatis整合注解方式实例 -
jackclchan:
你好,能将demo源码发我下吗?jackclchan@qq.c ...
spring+springmvc+ibatis整合注解方式实例 -
amwiqplhui:
你好,能将demo源码发我下吗?772851689@qq.co ...
spring+springmvc+ibatis整合注解方式实例 -
jiangshenyi:
你好,上面的demo 能发我一份了 deshanjiang8 ...
spring+springmvc+ibatis整合注解方式实例 -
springmvc-freemarker:
spring mvc demo教程源代码下载,地址:http: ...
spring+springmvc+ibatis整合注解方式实例
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定义为
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配置的属性值
示例:
Ext.Button
简单的按钮类
公有属性:
disabled : Boolean
允许?
hidden : Boolean
隐藏?
pressed : Boolean
按下?
方法 [继承来的忽略]
Button( Object config )
构造可选config
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
//切换按下状态
示例:
Ext.SplitButton
上例中的带菜单按钮还不专业,于是有了Ext.SplitButton,专门为带有下拉菜单的按钮设计的
方法:
SplitButton( Object config )
构造,config中加入了{
arrowHandler : Function,
arrowTooltip : String
}
setArrowHandler( Function handler, [Object scope] ) : void
设置下拉箭头的点击事件
事件:
arrowclick : ( MenuButton this, EventObject e )
使用示例:
比如上例中的菜单按钮可以改为
Ext.CycleButton
这是一个SplitButton的实用子类,用于在多个item之间切换状态,当然它也会带有menu可供选择,也可以直接点击按键在item之间切换
方法:
CycleButton( Object config )
构造,config新增配置项
getActiveItem() : Ext.menu.CheckItem
setActiveItem( Ext.menu.CheckItem item, Boolean suppressEvent ) : void
得到/设置活动选项
toggleSelected() : void
切换选择项,相当于点击一次按钮
示例
action实现一个脱离了容 器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and setHandler(function)
方法:
Action( Object config )
构造,config定义为
- {
- disabled : Boolean,//禁止使用
- handler : Function,//事件句柄
- hidden : Boolean,//隐藏
- iconCls : String,//样式类
- scope : Object, //handler将在哪个范围内执行
- text : String //文本
- }
{ 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配置的属性值
示例:
- 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'
- });
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
- {
- 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"(默认)之一
- }
{
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
//切换按下状态
示例:
- <!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>
<!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 )
使用示例:
比如上例中的菜单按钮可以改为
- 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'
- });
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新增配置项
- {
- changeHandler : Function, //状态切换时的处理事件
- items : Array, //items应该是menu item的数组
- prependText : String, //前导text
- showText : Boolean, //追加item的text到按钮显示
- }
{ 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
切换选择项,相当于点击一次按钮
示例
- new Ext.CycleButton({
- renderTo:Ext.getBody(),
- showText: true,
- prependText: 'View as ',
- items: [{
- text:'text only',
- iconCls:'view-text',
- checked:true
- },{
- text:'HTML',
- iconCls:'view-html'
- },{
- text:'XML',
- iconCls:'view-html'
- }
- ],
- changeHandler:function(btn, item){
- Ext.MessageBox.alert('Change View', item.text);
- }
- });
发表评论
-
网页的常用属性,便于以后编写网页查询
2011-02-11 18:01 946这里收藏一些编写网页的常用属性,便于以后编写网页查询。&quo ... -
javascript经典代码
2011-01-28 17:07 7741. oncontextmenu="window ... -
Ext 常用控件属性列表
2011-01-25 11:33 1098Ext 常用控件属性列表 Ext 常用控件属性列 ... -
extJs grid的常见问题:
2011-01-22 12:54 1575grid的常见问题: 1, grid数据为空.2, ... -
extjs-tag (即使不会extjs和js也能开发页面)
2011-01-21 10:47 989最近在做一个公司的框架,采用extjs+dwr,由于考虑到ex ... -
第 9 章 沉寂吧!我们要自己的控件
2011-01-21 10:02 928第 9 章 沉寂吧!我们要自己的控件 Script 2008 ... -
第 8 章 哭泣吧!现在才开始讲基础问题。
2011-01-21 10:01 8028.1. Ext.get ... -
第 7 章 低鸣吧!拖拽就像呼吸一样容易。
2011-01-21 10:00 9047.1. 如此拖拽,简直就像与生俱来的本能一 ... -
第 6 章 奔腾吧!让不同的浏览器里显示一样的布局。
2011-01-21 09:59 8616.1. 有了它,我们就可以摆脱那些自称ui ... -
第 5 章 雀跃吧!超脱了一切的弹出窗口。
2011-01-21 09:59 8615.1. 呵呵~跳出来和缩回去总给人惊艳的感 ... -
第 4 章把表单和输入控件都改成ext的样式。
2011-01-21 09:58 10364.1. 不用ext的form啊,不怕错过有 ... -
第 3 章 歌颂吧!只为了树也要学ext。
2011-01-21 09:57 10893.1. 真的,我是 ... -
第 2 章 震撼吧!让你知道ext表格控件的厉害。
2011-01-21 09:57 14042.1. 功能丰富,无人能出其右 ... -
第 1 章 闪烁吧!看看extjs那些美丽的例子。
2011-01-21 09:56 953.1. 一切从extjs发布包开 ... -
ext-grid常见问题 FAQ: Grid
2011-01-19 11:24 1142grid的常见问题: 1, gri ... -
最强学习笔记---GridPanel(基础篇)
2011-01-19 11:19 882我不想教各位新手什么 ...
相关推荐
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控件等...