- 浏览: 68994 次
- 性别:
- 来自: 武汉
最新评论
工具栏,使用起来很简单,add已准备好的元素就行
方法
Toolbar( Object/Array config )
构造
add( Mixed arg1, Mixed arg2, Mixed etc. ) : void
增加元素
可以是
1:Ext.Toolbar.Button 相当于addButton
2:HtmlElement 相当于addElement
3:Field 相当于addField
4:Item 相当于addItem
5:String 相当于addText
6:'separator'或'-' 相当于addSeparator
7:'' 相当于addSpacer
8:'->' 相当于addFill
addButton( Object/Array config ) : Ext.Toolbar.Button/Array
添加Ext.Toolbar.Button/SplitButton对象,其实因为Ext.Toolbar.Button和Ext.Button用起来没什么区别,而且Toolbar两者都支持,我实验时没发现使用上有什么不同
addDom( Object config ) : Ext.Toolbar.Item
添加DOM节点
addElement( Mixed el ) : Ext.Toolbar.Item
添加Element对象
addField( Ext.form.Field field ) : Ext.ToolbarItem
添加Ext.form.Field对象
addFill() : Ext.Toolbar.Fill
添加一个撑满工具条的空白元素
addItem( Ext.Toolbar.Item item ) : Ext.Toolbar.Item
添回Ext.Toolbar.Item对象
addSeparator() : Ext.Toolbar.Item
添加一个分隔元素,相当于addItem(new Ext.Toolbar.Separator());
addSpacer() : Ext.Toolbar.Spacer
添加一个空白元素,相当于addItem(new Ext.Toolbar.Spacer());
addText( String text ) : Ext.Toolbar.Item
添加文本元素,相当于addItem(new Ext.Toolbar.TextItem(text));
insertButton( Number index, Object/Ext.Toolbar.Item/Ext.Toolbar.Button button ) : Ext.Toolbar.Button/Item
在第index个元素之前插入button对象
Ext.Toolbar.Item
工具栏元素基类
Toolbar.Item( HTMLElement el )
构造
destroy() : void
销毁
disable() : void
enable() : void
可用/禁用
focus() : void
得到焦点
getEl() : HTMLElement
得到当前DOM对象
setVisible( Boolean visible ) : void
show() : void
hide() : void
显示隐藏
Ext.Toolbar.Separator
继承自item,工具栏分隔符
Ext.Toolbar.Spacer
继承自item,工具栏空白元素
Ext.Toolbar.TextItem
继承自item,工具栏文本元素
[color=red]Ext.Toolbar.Fill[/color]
继承自Spacer,工具栏空白元素,撑满工具栏
简单的示例
var tb = new Ext.Toolbar({width:400});
//在add之前先render,必要,不然会报错//在add之前先render,必要
tb.render(Ext.getBody());
tb.addText('请选择时间');
tb.add( new Ext.form.DateField({ //DateField
fieldLabel:'DateField',
format:'Y-m-d',
disabledDays:[0,6]
})
);
tb.addButton(
new Ext.Toolbar.Button({
text:'button',
handler:function(item){
Ext.MessageBox.alert("toolbar","您点击了"+item.text)
}
})
);
tb.addSpacer();
tb.addSeparator();
tb.addFill();
tb.add(new Ext.SplitButton({
handler: function(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
},
arrowTooltip : "更多",
text:'按我',
menu:new Ext.menu.Menu({
id: 'mainMenu',
items: [
{
text: '菜单项1'
},
{
text: '菜单项2'
}]
})
})
);
tb.add('右边结束');
方法
Toolbar( Object/Array config )
构造
add( Mixed arg1, Mixed arg2, Mixed etc. ) : void
增加元素
可以是
1:Ext.Toolbar.Button 相当于addButton
2:HtmlElement 相当于addElement
3:Field 相当于addField
4:Item 相当于addItem
5:String 相当于addText
6:'separator'或'-' 相当于addSeparator
7:'' 相当于addSpacer
8:'->' 相当于addFill
addButton( Object/Array config ) : Ext.Toolbar.Button/Array
添加Ext.Toolbar.Button/SplitButton对象,其实因为Ext.Toolbar.Button和Ext.Button用起来没什么区别,而且Toolbar两者都支持,我实验时没发现使用上有什么不同
addDom( Object config ) : Ext.Toolbar.Item
添加DOM节点
addElement( Mixed el ) : Ext.Toolbar.Item
添加Element对象
addField( Ext.form.Field field ) : Ext.ToolbarItem
添加Ext.form.Field对象
addFill() : Ext.Toolbar.Fill
添加一个撑满工具条的空白元素
addItem( Ext.Toolbar.Item item ) : Ext.Toolbar.Item
添回Ext.Toolbar.Item对象
addSeparator() : Ext.Toolbar.Item
添加一个分隔元素,相当于addItem(new Ext.Toolbar.Separator());
addSpacer() : Ext.Toolbar.Spacer
添加一个空白元素,相当于addItem(new Ext.Toolbar.Spacer());
addText( String text ) : Ext.Toolbar.Item
添加文本元素,相当于addItem(new Ext.Toolbar.TextItem(text));
insertButton( Number index, Object/Ext.Toolbar.Item/Ext.Toolbar.Button button ) : Ext.Toolbar.Button/Item
在第index个元素之前插入button对象
Ext.Toolbar.Item
工具栏元素基类
Toolbar.Item( HTMLElement el )
构造
destroy() : void
销毁
disable() : void
enable() : void
可用/禁用
focus() : void
得到焦点
getEl() : HTMLElement
得到当前DOM对象
setVisible( Boolean visible ) : void
show() : void
hide() : void
显示隐藏
Ext.Toolbar.Separator
继承自item,工具栏分隔符
Ext.Toolbar.Spacer
继承自item,工具栏空白元素
Ext.Toolbar.TextItem
继承自item,工具栏文本元素
[color=red]Ext.Toolbar.Fill[/color]
继承自Spacer,工具栏空白元素,撑满工具栏
简单的示例
var tb = new Ext.Toolbar({width:400});
//在add之前先render,必要,不然会报错//在add之前先render,必要
tb.render(Ext.getBody());
tb.addText('请选择时间');
tb.add( new Ext.form.DateField({ //DateField
fieldLabel:'DateField',
format:'Y-m-d',
disabledDays:[0,6]
})
);
tb.addButton(
new Ext.Toolbar.Button({
text:'button',
handler:function(item){
Ext.MessageBox.alert("toolbar","您点击了"+item.text)
}
})
);
tb.addSpacer();
tb.addSeparator();
tb.addFill();
tb.add(new Ext.SplitButton({
handler: function(item){
Ext.MessageBox.alert("点击事件",String.format("您选择了{0}",item.text));
},
arrowTooltip : "更多",
text:'按我',
menu:new Ext.menu.Menu({
id: 'mainMenu',
items: [
{
text: '菜单项1'
},
{
text: '菜单项2'
}]
})
})
);
tb.add('右边结束');
发表评论
-
extjs 数组转为对像
2010-03-30 09:38 1503createNode : function(node){ ... -
EXT核心API详解(十九)_Ext.grid.Column-Property-ColumnModel/Grid-Grouping-View...
2009-12-01 15:40 7327Ext.grid.ColumnModel 用于定义Grid的列 ... -
EXT核心API详解(十六)_TextField/NumberField/TextArea/TriggerField/DateField/ComboBox/Ti
2009-11-30 15:54 2841Ext.form.TextField config{ ... -
EXT核心API详解(十七)_Ext.menu.Menu/BaseItem/Item/CheckItem/Separator/TextItem
2009-11-30 15:40 1694Ext.menu.Menu 菜单对象 config{ ... -
EXT核心API详解(十五)_Ext.form.BasicForm/Field/Checkbox/Radio/Hidden/HtmlEditor
2009-11-30 15:30 1643Ext.form.BasicForm 对应一个dom中的for ... -
EXT核心API详解(十四)_Ext.Button/Ext.SplitButton/Ext.CycleButton
2009-11-30 15:19 1789Ext.Button 简单的按钮类 公有属性: disable ... -
EXT核心API详解(十三)_Ext.Action
2009-11-30 15:04 3496Ext.Action action实现一个脱离了容 器的事件, ... -
EXT核心API详解(十二)_Ext.data.Tree/Ext.data.Node
2009-11-30 14:56 1731Ext.data.Tree 继承自Observable,用于存 ... -
EXT核心API详解(十一)_Ext.data.Store/GroupingStore/JsonStore/SimpleStore
2009-11-30 13:57 2118Ext.data.Store store是一个为Ext器件提供 ... -
EXT核心API详解(十)_Ext.data.MemoryProxy/ScriptTagProxy/Array-Json-Xml-Reader
2009-11-27 18:14 2317Ext.data.MemoryProxy MemoryProx ... -
EXT核心API详解(九)_Ext.data.Connection/Ext.Ajax/data.Record/data.DataProxy/data.HttpP
2009-11-27 18:08 1616Ext.data.Connection 访问指定的url,这是 ... -
EXT核心API详解(八)_util.JSON/Format/DelayedTask/TaskRunner/TextMetrics
2009-11-27 18:01 1700Ext.util.JSON 轮到大名鼎鼎的JSON了,可惜Ex ... -
EXT核心API详解(七)_Ext.KeyNav/Ext.KeyMap
2009-11-27 17:53 1853Ext.KeyNav Ext的keyNav类能为Ext.Ele ... -
EXT核心API详解(六)_Ext.Fx
2009-11-27 17:49 953Ext.Fx类 对于我这样的懒鬼而言,Fx类是核心类库中最激动 ... -
EXT核心API详解(五)_Ext.Template/Ext.XTemplate/EventManager/EventObject/CompositeEleme
2009-11-27 17:28 2450Ext.Template类 Template类主要是功能是生产 ... -
EXT核心API详解(四)_Ext.DomQuery/Ext.DomHelper
2009-11-27 17:20 1107Ext.DomQuery类 selector语法详见Ext类 ... -
EXT核心API详解(三)_Function
2009-11-27 17:09 1150Function类 createCallback(/*args ... -
EXT核心API详解(二)_Array/Number/String/Date
2009-11-27 16:45 1193Array类 indexOf( Object o ) : Nu ... -
EXT核心API详解(一)_ext
2009-11-27 16:29 1115Ext类 addBehaviors( Object obj ) ... -
Ext API详解索引
2009-11-27 16:19 1255EXT核心API详解(一)_ext EXT核心API详解(二) ...
相关推荐
Axialis_Ribbon_Toolbar_Toolbar_Stock_Icons_Downloadly.ir.rar
EXT核心API详解 1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 ...
Axialis_Pure_Flat_2013_Toolbar_Stock_Icons_Downloadly.ir.rar
Spin_Slide_ToolBar.zip
支持真彩色的扩展工具栏(Extoolbar)
Toolbar2000 ,能够实现菜单,工具栏的拖动,窗体显示不下时分行或者显示小箭头,像Word2000一样,也能实现xp的风格。
中国排行100强 地址: ... 更新ALEXA的缩略图 ... 站点统计 ...地址: http://toolbar.google.com/intl/zh-CN/ 中国排行100强 ...地址: http://toolbar.google.com/intl/zh-CN/
Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...
toolbar_pic_clr.rar实现工具条背景的改变。可以设置背景图,也可以设置背景颜色。便于了解和学习工具条编程
IE Developer Toolbar(已汉化)适用于 IE6/IE7/IE8 浏览器,安装后会在 IE 工具栏中添加一个启动 按钮(没有显示按钮的话,请通过点击“查看-工具栏-自定义”,在“自定义工具栏”对话框中 添加),此插件可集成在 IE...
微信小游戏相关配置,共享域回去微信好友排行榜数据,共享域通过cancas绘制排行,微信小游戏主动分享和被动分享扥等学习
VistaICO_Toolbar-Icons.zip
可以显示大图标或小图标,显示文字或不显示
uo_dwtoolbargroup.of_Addtoolbars({uo_toolbar, uo_toolbartheme}) inv_explorer.of_Register(tv_1, & uo_sheets, & uo_toolbar, & uo_splitter, & uo_bordertitle, & uo_statusbar) inv_explorer.of_...
63.MFC_ToolBar.mp4 64.MFC_ToolBar_Ex13a.mp4 65.MFC_StatusBar.mp4 66.MFC_StatusBar_Ex13b.mp4 67.MFC_Rebar.mp4 68.MFC_EZPrint.mp4 69.MFC_Print_Bubble.mp4 7.MFC_建立应用程序.mp4 8.MFC_第一个MFC...
mq_toolbar_detection
Visual C++ 6.0 工具栏按钮加提示信息
05_20exe502_toolbar.swf
Mysql客户端工具,GUI操作Mysql,不多介绍了
4.建立Toolbar资源:IDR_COLORPANE 5.在MainFrm.h中加入 CColorPane m_wndColorPane 6.在MainFrm.cpp的OnCreate中加入与ColorPane有关的代码。 7.在ResourceView中修改Toolbar中IDR_MAINFRAME的内容,包括各图标的...