workspace

努力奋斗——I believe I can fly
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  82 随笔 :: 5 文章 :: 64 评论 :: 0 Trackbacks
ExtJS学习之menu
Ext.onReady(function(){
    Ext.QuickTips.init();

  
    var dateMenu = new Ext.menu.DateMenu({
        handler : function(dp, date){
            Ext.example.msg('Date Selected', 'You chose {0}.', date.format('M j, Y'));
        }
    });

    var colorMenu = new Ext.menu.ColorMenu({
        handler : function(cm, color){
            Ext.example.msg('Color Selected', 'You chose {0}.', color);
        }
    });

    var menu = new Ext.menu.Menu({
        id: 'mainMenu', 
        items: [    //定义菜单中的元素
            {
                text: 'I like Ext',
                checked: true,     
                checkHandler: onItemCheck
            },
         
           '-',  //添加菜单上的分隔符
           {
                text: 'Radio Options',
                menu: {       //定义二级菜单
                    items: [
                         '<b class="menu-title">Choose a Theme</b>',
                        {
                            text: 'Aero Glass',
                            checked: true,
                            group: 'theme',
                            checkHandler: onItemCheck
                        }, {
                            text: 'Vista Black',
                            checked: false,
                            group: 'color',
                            checkHandler: onItemCheck
                        }
                    ]
                }
            },
            {
                text: 'Choose a Date',
                iconCls: 'calendar',
                menu: dateMenu
            },
            {
                text: 'Choose a Color',
                menu: colorMenu    //这里前面定义了
            }
        ]
    });

    var tb = new Ext.Toolbar();  
    tb.render('toolbar');

    tb.add({
            text:'Button Menu',
            iconCls: 'bmenu',  //
            menu: menu  //分配menu到toolbar
        });

    // functions to display feedback
    function onButtonClick(btn){
        Ext.example.msg('Button Click','You clicked the "{0}" button.', btn.text);
    }

    function onItemClick(item){
        Ext.example.msg('Menu Click', 'You clicked the "{0}" menu item.', item.text);
    }

    function onItemCheck(item, checked){
        Ext.example.msg('Item Check', 'You {1} the "{0}" menu item.', item.text, checked ? 'checked' : 'unchecked');
    }

    function onItemToggle(item, pressed){
        Ext.example.msg('Button Toggled', 'Button "{0}" was toggled to {1}.', item.text, pressed);
    }

});


在html中加入    <div id="toolbar"></div>
posted on 2008-11-18 16:50 Robert Su 阅读(284) 评论(2)  编辑  收藏 所属分类: Ajax

评论

# re: ExtJS学习之menu 2009-04-09 14:48 事实是否
我顶你个肺，都没有显示呢？？  回复  更多评论
  

# re: ExtJS学习之menu 2009-04-10 09:42 Robert Su
@事实是否
?  回复  更多评论
  


标题  
姓名  
主页
验证码 *  
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交