按钮不显示动画效果

时间:2012-05-09 08:19:59

标签: button uibutton extjs

我使用的面板包含一个带三个按钮的工具栏。

此面板加载了2个差异文件。

当按下或释放按钮时,其加载的第一个文件显示正确的渐变效果,但另一个面板显示没有效果。按钮仍然有效,但风格不存在。

是否被其他文件写了?

我的小组是:

config:{
        navigationBar: {
            hidden:'true'

        },
        items:[
            {
                xtype:'toolbar',
                layout:'hbox',
                height:70,
                width:310,
                activeItem:2,
                items:[
                    {
                        xtype:'button',
                        iconCls:'note_black',
                        iconAlign:'top',
                        text:'Workitems',
                        iconMask:true,
                        ui:'normal',
                        id:'workitem',
                       // enableToggle:true,
                        enabled:true,
                        disabled:false,
                        top:5,
                        height:60,
                        handler:function () {
                        //  Ext.getCmp('workitem').setUi('toggle');
                        //  Ext.getCmp('workitem').toggle(true,true);
                            //Ext.getCmp('workitem').toggle(false,true);
            //              Ext.getCmp('workitem').setPressed(0);
                            //Ext.getCmp('workitem').addCls('button_pressed');
                        }

                    },
                    {
                        xtype:'button',
                        iconCls:'inbox2',
                        iconAlign:'top',
                        text:'Inbox Queue',
                        iconMask:true,
                        ui:'normal',
                        id:'inbox',
                        top:5,
                        height:60,
                        enabled:true,
                        disabled:false,
                        left:93,
                        handler:function () {

                        }

                    },
                    {
                        xtype:'button',
                        iconCls:'doc_drawer',
                        iconAlign:'top',
                        text:'File Cabinet',
                        enabled:true,
                        disabled:false,
                        iconMask:true,
                        ui:'normal',
                        id:'filecabinet',
                        top:5,
                        height:60,
                        left:200,
                        handler:function () {
                        }

                    }]
            }]
    }

并使用与

相同的代码将其加载到2个diff文件中
{
      xtype:'bottomBarPanel'
 },

提前致谢。

1 个答案:

答案 0 :(得分:0)

这是因为我试图在两个不同的地方使用相同的面板。公寓你不能这样做。所以我为2个文件创建了单独的面板,现在工作正常。