extjs panel

var menuPanel = Ext.create('Ext.panel.Panel',

        {

//在panel的title处添加点击刷新

            title:"<input type='button' value='首页' οnclick='f()' id='homePage' style='background-color:#157fcc;border:none;font-family:黑体;font-size:15px;color:white;margin-top: 1px;'>",

//设置icon图标

            icon:'logo/b_19.png',

//border布局格式，menuPanel所在位置

            region:'west',

//panel的宽

            width: 200,

//menuPanel的布局格式，accordion（

此布局将多个Panel以一种可以展开/收缩的样式排列, 且任何时候只有一个Panel可以处于展开状态. 每个Panel都会内置对展开/收缩支持.

注意: 只有 Ext的各种Panel和Ext.panel.Panel的子类可以用于这种布局的容器中.
）

            layout : 'accordion',

//显示折叠图标
            collapsible: true,
//    折叠的panel点击页面刷新
            listeners:{
                'collapse':function( p, eOpts )
                            {
                                if(name=="公司信息"){
                                    iframe.load(path+user.organizationId);
                                }else{
                                    iframe.load(path);
                                }
                            },
                'expand':function( p, eOpts )
                            {
                                if(name=="公司信息"){
                                    iframe.load(path+user.organizationId);
                                }else{
                                    iframe.load(path);
                                }
                            }

            },

//在panel中设置图片位置，也可以在在图片上添加click事件。

 tools:
    [{
    xtype : 'image',
    id:'img',
    src:'logo/banquansuoyou.png',
    },{xtype:'tbfill'}]
        });