Extjs itemselector—列的间距大小

我想调整

itemselector

中列之间的间距，但找不到任何引用。实际上按钮是可见的，但看起来很奇怪，所以我可以调整间距

{
   xtype: 'itemselector',
   name: 'itemselector',
   id: 'itemselect-field',
   anchor: '100%',
   maxHeight: 370,
   baseBodyCls: 'puar-select',
   imagePath: '../assets/images',
   store: puar,
   <?php
       if ($this->session->userdata('person_puar')) {
          echo ("value:"."[".$this->session->userdata('person_puar')."],");
       } else {
          echo ("value:[],");
       }
   ?>
   displayField: 'EKSG_BEZ',
   valueField: 'EKSG',
   allowBlank: false,
   fromTitle: 'Mevcut',
   toTitle: 'Seçilen',
   buttons: ['add', 'remove'],
   buttonsText: {add: 'ekle', remove: 'çıkar'}
}

{
xtype:'itemselector'，
名称：'itemselector'，
id:“项目选择字段”，
主播：100%，
最大高度：370，
baseBodyCls:“puar选择”，
imagePath:“../assets/images”，
商店：puar，
显示字段：“EKSG_BEZ”，
参数字段：“EKSG”，
allowBlank:false，
fromTitle:“Mevcut”，
总标题：“Seçilen”，
按钮：[“添加”、“删除”]，
按钮文本：{添加：“ekle”，删除：“çıkar'}
}

---

没有现成的方法来改变这一点。它全部打包到一个

hbox

布局中，带有

stretch

选项，其中只有两个多选框应用了

flex

值。这应该是可行的，所以我猜这是一个渲染问题，所以布局从包含按钮的容器中得到了错误的宽度

您使用的是哪个ExtJS版本？所有浏览器（如FF、Chrome、Safari、Opera）中都会出现这种情况吗

一个快速的解决方案可能是自己增加一个宽度，但你必须为此扩展。以下是需要应用调整/需要覆盖的部分：

setupItems: function() {
    var me = this;

    me.fromField = me.createList(me.fromTitle);
    me.toField = me.createList(me.toTitle);

    return [
        me.fromField,
        {
            xtype: 'container',
            margins: '0 4',
            // begin new
            width: 40, // you have to test for the optimal width
            // end new
            layout: {
                type: 'vbox',
                pack: 'center'
            },
            items: me.createButtons()
        },
        me.toField
    ];
},

---

亲爱的sra，ExtJS版本是4.2。是的，我试过IE和Firefox，都一样。我会尝试另一种方法，将css类添加到列中，但我也没有找到任何引用：（@Oğuzğelikdemir是的，这是因为没有这样的选项。您不能对该容器应用任何配置。您可以在4.2.2中测试错误是否消失，或者您需要按照我的建议执行并覆盖

setupItems

方法