[转载]EXT核心API详解Ext.Toolbar(十八) _iteye_15245的博客-程序员秘密

技术标签: EXT  Ext3.0  

工具栏,使用起来很简单,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,工具栏文本元素

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'
         }
]
     }
)
     }
)
);

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/iteye_15245/article/details/81797135

智能推荐

Java数据结构--树_树的凹入表示法_书香水墨的博客-程序员秘密

一、树的概念xxx班的学生信息表如图1.1所示,其中学生别分到了不同的学习小组,第一组组长是李华,组员有王丽、张阳、赵斌;第二组组长是孙琪,组员有马丹;第三组组长是刘畅,组员有周天、黄凯。这些信息构成了一颗树,如图1.2所示。这就是一种典型的数据结构–树。要实现学生组员的插入、删除、查找等操作,就要用到树的相关知识。1.1 树的概念树是零个或多个结点的有限集合。结点树为0的数称为空树,结点树大于0的数称为非空树。在一颗树中:1)有且仅有一个特定的称为跟的结点。2)当结点数大于1时,

vue项目中使用axios实现简单前后端交互_我每天都在学习的博客-程序员秘密

axios:基于promise的HTTP库首先使用vue-cli脚手架搭建基础单页项目在目标文件夹打开终端输入以下命令以创建基础单页项目:(默认已安装npm)# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 这里需要进行一些配置,默认回车...

BUUCTF在线评测之Linux Labs 1_轻落青雨的博客-程序员秘密

这个测试没什么技术要求,只要了解ssh以及linux系统即可点击启动靶机,出现的页面点击所给的http链接,得到如下界面 Index of这个页面啥也没有,没啥用返回第一个界面,给出了ssh以及映射地址和端口(这个地址+端口是随机的)所以直接启动ssh链接即可however!!!这里要 banter一下BUUCTF网站的这个Linux Labs 1测试中的这句话这句话,不仅是说主机可以访问,且只有主机可以访问!!!As we all know,我们最常用的Windows OS没有自带

解决ModuleNotFoundError: No module named 'numpy.core._multiarray_umath'的方法_lizzy05的博客-程序员秘密

问题: 导入tensorflow时报错ModuleNotFoundError: No module named 'numpy.core._multiarray_umath',异常信息如下所示分析: NumPy是使用Python进行科学计算的基础软件包,这里提示numpy.core._multiarray_umath failed to import和numpy.co...

centos7启动网卡_啊了个呜的博客-程序员秘密

启动网卡在 vim /etc/sysconfig/network-scripts/ifcfg-eth0里面网卡是开机自启动的,但是重启之后,网卡还是没有启动,需要使用service network restart才生效.没有启动网卡的话就无法使用ssh进行连接服务器.为了解决这个问题,可以执行一下命令:systemctl enable network/sbin/chkconfig network on使用以下命令查看sshd是否启动systemctl start sshdsystemct

随便推点

POM标签大全_Blare_Wang的博客-程序员秘密

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0http://maven.apache.org/maven-v4_0_0.xsd"> <!--父项目的坐标。如果项目中没有规定某个元素的值,那么父项目中的对应值即

关于margin负值的一点理解_weixin_30347009的博客-程序员秘密

如果float是left的话,margin-right为负值的话就可以把右边的浮动给吸过来。因为float为left的话,后面的内容是往上顶的,即右边往左边挤过来。实例如下。如果包含浮动的父元素没有设置宽的话,且他的父元素有宽度,他有overflow为hidden的属性的话,它的margin设置为负数的时候,可以使浮动元素超过最外层元素,且不换行。例如转载于:https://www....

设置ulimit值(Linux文件句柄数量)永久生效_northgun1的博客-程序员秘密

http://blog.csdn.net/hishe/article/details/6078752http://blog.sina.com.cn/s/blog_520fb00d0100hnso.htmlinux 默认打开文件数linux 默认打开文件数为1024个,通过ulimit -a 可以查看open files修改这个限制可以使用ulimt -SHn

【017】翼辉信息(南京)成功举办电力行业客培户训交流活动_ScilogyHunter的博客-程序员秘密

翼辉信息(南京)成功举办电力行业客户培训交流活动发布于2017年03月27日3月22日,为进一步拓宽客户资源,较好地让客户了解翼辉SylixOS大型实时操作系统原理,深入学习翼辉SylixOS大型实时操作系统的开发环境,共同分享翼辉SylixOS大型实时操作系统的实战案例,南京翼辉信息举办了“SylixOS操作系统电力行业客户培训交流活动”,有20多家电力行业客户应邀,60多人参加了此次培训交流活动。图片链接培训交流活动中,总经理黄晓清简单介绍了翼辉信息的基本情况,并对参加翼辉SylixOS培

视口标签_离愁秋意浓的博客-程序员秘密

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />width=device-width         声明实际宽度为设备的宽度initial-scale=...

17.安心技术梳理 - Redis/memcache/Zookeeper实现分布式锁_孜梓不倦的博客-程序员秘密

Redis分布式锁实现的三个核心要素:1.加锁最简单的方法是使用setnx命令。key是锁的唯一标识,按业务来决定命名,value为当前线程的线程ID。比如想要给一种商品的秒杀活动加锁,可以给key命名为 “lock_sale_ID” 。而value设置成什么呢?我们可以姑且设置成1。加锁的伪代码如下: setnx(key,1)当一个线程执行setnx返回1,说明key原本不...

推荐文章

热门文章

相关标签