Question

我想调整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'}
}

enter image description here

Answer 1

没有办法改变这个开箱即用的方法。它全部打包到hbox布局中，并带有stretch选项，其中只有两个多选框应用了flex值。这应该工作，所以我猜有一个渲染问题，所以布局从包含按钮的容器的宽度错误。

你使用哪种ExtJS版本并且在所有浏览器（IE，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
    ];
},

itemselector - 列的间隙大小

1 个答案: