如何减少extjs 4中windows按钮部分的大小

时间:2013-10-09 08:08:38

标签: extjs4

我在extjs4工作。我的视图为= enter image description here

我的代码为=

Ext.create('widget.window',{
            bodyPadding : 15,
            modal: true,
            closeAction: 'destroy',
            resizable:false,
            width : 400,
            height : 200,
            config: {
                record:''
            },
            items: [{ 
                    xtype: 'boxselect',
                    height: 30,
                    itemId: 'copy-to-compaign',
                    queryMode: 'local',
                    store:store,
                    width: 250,
                    displayField: 'name',
                    valueField: 'id',
                    value: '',
                    multiSelect: true
            }],
            buttons:[
                {
                 xtype : 'linkbutton',
                 margin:'50 10 10 10',

            },{
                 cls:'addBtnIcon',
                 padding:'10 10 10 10',
                 height: 50,
                 width: 90,

            ]
        });

我想减少底部按钮部分的大小。那么如何在extjs4中做到这一点

1 个答案:

答案 0 :(得分:0)

U无法减小该部分的大小,但是您可以更改填充和边距属性以减少边框的额外空间。

填充和边距属性由4个项组成:[north] [east] [south] [west]。

例如,您可以将窗口的 bodyPadding 属性更改为 5 linkBut​​ton 的margin属性更改为 '50 10 0 0'添加按钮的填充属性为'0 0 0 10',认为会减小尺寸。

希望会有所帮助。