[转载]EXT核心API详解Ext.Toolbar

 

构造

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,工具栏文本元素

Ext.Toolbar.Fill
继承自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('右边结束');

http://hi.baidu.com/%5Follie/blog/item/ced16f299552b6fa98250a1e.html