[转载]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

智能推荐

ubuntu 升级gcc_bailuyuanx的博客-程序员秘密

ubuntu 升级gcc下载gcc 源码包解压安装更新检验下载gcc 源码包本文档提供下载gcc 9.3.0版本源码链接: link.解压安装sudo gunzip gcc-9.3.0.tar.gz: link.更新检验

CentOS7查看开放端口命令及开放端口号_weixin_30706691的博客-程序员秘密

查看已开放的端口firewall-cmd --list-ports开放端口(开放后需要要重启防火墙才生效)firewall-cmd --zone=public --add-port=3338/tcp --permanent重启防火墙firewall-cmd --reload关闭端口(关闭后需要要重启防火墙才生效)firewall-cmd --zone=publ...

NXP S32K1 SPI模块Driver使用_lpspi_drv_mastergettransferstatus_mcucpp的博客-程序员秘密

本文分析S32K1 S32SDK中SPI驱动,加深对其理解,以更好的在工程中使用SPI驱动。

SpringBoot整合Quartz_springboot quartz_桐花思雨的博客-程序员秘密

目录`Quartz` 简介Quartz 简介Quartz 是一款功能强大的开源任务调度框架,几乎可以集成到任何 Java 应用程序中(小到单机应用,大到分布式应用)。Quartz 可用于创建简单或复杂的任务调度,用以执行数以万计的任务。任务被定义为标准化的 Java 组件,Java 编写的任务都可以被执行Quartz 是一个任务日程管理系统,一个在预先确定(被纳入日程)的时间到达时,负责执行(或者通知)其他软件组件的系统Quartz 用一个小 Java 库发布文件(.jar文件),这个库文件包含了所

Unity在创建.cs脚本时自动添加脚本描述等注释_Tale.Wang的博客-程序员秘密

@# 系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个

【tableExport】通过tableExport.js插件来实现导出当前页Excel/Pdf/txt/json等_jasin4j的博客-程序员秘密

Jquery tableExcel.js下载地址:https://github.com/kayalshri/tableExport.jquery.plugintableExport.jquery.plugin导出的格式可以是:如下JSON XML PNG CSV TXT SQL MS-Word Ms-Excel Ms-Powerpoint PDFjquery Plugin(jquery插...

随便推点

kali linux电脑配置要求,Kali Linux下配置PM3运行环境_筱念的博客-程序员秘密

原标题:Kali Linux下配置PM3运行环境0×00 前言作为一个学生党,在今年的早些时候入手了Proxmark3rdv4,一下子花了不少还是有点小心疼,先上Freebuf来看了下相关的资料发现还是有点少,尤其是关于环境配置方面,虽然官方的wiki里写的也算是比较详细,但是毕竟不是人人英语基础都那么好的,而且再看这些技术文档的时候很多情况下翻译软件可能并不好用,于是萌新照着自己踩过的坑来写一篇...

Swift教程之运算符重载_孟祥月的博客-程序员秘密

原文地址:http://www.raywenderlich.com/80818/operator-overloading-in-swift-tutorial 作者:Corinne Krych  译者:孟祥月 blog:http://blog.csdn.net/mengxiangyue 在早前的IOS 8盛宴系列的教程里,你已经了解到,Swift提供了许多强大的、现代的编程特性,比如泛型、函数式编

POJ 1543 完美立方——基础枚举_Smile_7x的博客-程序员秘密

题目传送门:http://poj.org/problem?id=1543完美立方:a^3=b^3+c^3+d^3解题思路:a最小为6,为避免对立方的重复计算,先用一个数组把立方存起来,然后再对四元组进行判断b,c,d为不同的整数,且都小于a#include #include int main(){ int n,a,b,c,d; long int cube[1

学习笔记之——opencv的ML模块_opencv.ml_xp_fangfei的博客-程序员秘密

之前开始学opencv的时候就看到opencv里面有机器学习模块(machinelearning,ML),但是一直以来跟着这么多书籍学习都没有发现有提及过(毕竟opencv是针对图像处理方面的,所以大部分书籍都以介绍图像处理方面的为主)。无意中,在《OpenCV和Visual Studio图像识别应用开发》一书中看到有ML模块的介绍,所以就打算写下这一篇学习笔记~在opencv中,ML...

CMD 下运行python的unittest测试脚本无输出_杉木人的博客-程序员秘密

正常情况下windows的命令行执行python脚本命令:python 脚本名.py我这样做了,看截图可以看到,并没有期待中那样有一堆高大上的信息输出,反而毛都没有!!!!于是,我想起了度娘,但是她并没有给我鱼,甚至连渔都没给我!!!!经过一番折腾,回到了起点...最后!在pycharm的输出中找到了答案结果如下:...

【chrome】"您的连接不是私密连接" 解决办法_ansem0444的博客-程序员秘密

1.启用显示证书选项 在Chrome的地址栏中输入:chrome://flags/#show-cert-link,选择"启用",重启Chrome浏览器。 (操作过无用)2.安装证书并配置为受信任:chrome显示网站链接非私密链接不受信任(windows) (操作过一般)3.快速访问方式如下图参考链接:转载于:...