Ext应用四 -- Toolbar & Menu

Ext.onReady(function(){

Ext.QuickTips.init();

var tb = new Ext.Toolbar();

tb.render('toolbar');

var menu = new Ext.menu.Menu({

id: 'mainMenu',

items: [

{

text: 'Logout',

handler: Document_onLogout

}

]

});

tb.add({

text:'Main Menu',

iconCls: 'blist', // <-- icon

menu: menu // assign menu by instance

}

)

}

以上是一个简单的toolbar 及一个下拉按钮。

1、声明一个toolbar
2、定义一个菜单及按钮
3、把菜单添加到toolbar上面。

注： handler: Document_onLogout 是点击这个菜单项时调用这个js函数。

posted on 2008-01-08 14:03 风人园阅读(968) 评论(0) 编辑收藏所属分类: Ext


只有注册用户登录后才能发表评论。




网站导航: 博客园博客园最新博文博问管理
相关文章: Ext.data.jsonReader的格式 Ext应用六 -- Form Ext应用三 -- tab(3) Ext应用五 -- 基础方法 Ext应用三 -- Tab(2) Ext应用四 -- Toolbar & Menu Ext应用三 -- Tab Ext应用二 -- 事件 Ext应用一 -- TreeView

风人园