博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Extjs_工具栏和菜单栏
阅读量:4334 次
发布时间:2019-06-07

本文共 2431 字,大约阅读时间需要 8 分钟。

1:简单工具栏演示

Ext.onReady(function () {            var tb = new Ext.Toolbar({                renderTo: 'id1',                width:300            });            tb.add([                {text:'新建', handler:tbClick,iconCls:'newIcon'},                { text: '打开', handler: tbClick, iconCls: 'openIcon' },                { text: '保存', handler: tbClick, iconCls: 'saveIcon' }            ]);            function tbClick(btn) {                alert(btn.text);            }        });
View Code

2:禁用和启用工具栏

Ext.onReady(function () {            var tb = new Ext.Toolbar({                renderTo: 'id1',                width:300            });            tb.add([                {text:'新建', handler:tbClick,iconCls:'newIcon'},                { text: '打开', handler: tbClick, iconCls: 'openIcon' },                { text: '保存', handler: tbClick, iconCls: 'saveIcon' }            ]);            function tbClick(btn) {                alert(btn.text);            }            Ext.get("enableBtn").on('click', function () { //get里面的参数是一个id为enableBtn的Button                tb.enable();            });            Ext.get("disableBtn").on('click', function () { //get里面的参数是一个id为enableBtn的Button                tb.disable();            });
View Code

3:菜单栏初体验,这代码写的容易想砸电脑。脾气不好者慎重

 

Ext.onReady(function () {            //1创建一个Toolbar            var Toolbar = new Ext.Toolbar({                renderTo: 'id1',                width:300            });            //2创建一个Menu对象            var infoMenu = new Ext.menu.Menu({                ignoreParentClicks: true, //忽略父菜单的单击事件                plain: true,                items: [{                    text: '个人信息',                    menu: new Ext.menu.Menu({
//二级菜单 ignoreParentClicks: true, items: [{ text: '基本信息', menu: new Ext.menu.Menu({ //啊啊啊。好多括号。好咪咪疼 items: [{ text: '身高', handler: onMenuClick }, { text: '体重', handler: onMenuClick }] }) }] }) }] }); Toolbar.add({ text: '设置', menu: infoMenu }) function onMenuClick(item) { alert(item.text); } });
View Code

 

转载于:https://www.cnblogs.com/jessetang/p/3392979.html

你可能感兴趣的文章
form表单序列化后的数据转json对象
查看>>
[PYTHON]一个简单的单元測试框架
查看>>
iOS开发网络篇—XML数据的解析
查看>>
[BZOJ4303]数列
查看>>
一般处理程序在VS2012中打开问题
查看>>
C语言中的++和--
查看>>
thinkphp3.2.3入口文件详解
查看>>
POJ 1141 Brackets Sequence
查看>>
Ubuntu 18.04 root 使用ssh密钥远程登陆
查看>>
Servlet和JSP的异同。
查看>>
虚拟机centOs Linux与Windows之间的文件传输
查看>>
ethereum(以太坊)(二)--合约中属性和行为的访问权限
查看>>
IOS内存管理
查看>>
middle
查看>>
[Bzoj1009][HNOI2008]GT考试(动态规划)
查看>>
Blob(二进制)、byte[]、long、date之间的类型转换
查看>>
OO第一次总结博客
查看>>
day7
查看>>
iphone移动端踩坑
查看>>
vs无法加载项目
查看>>