0

我想调整列之间的差距，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'}
}

在此处输入图像描述

4

1 回答 1

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
    ];
},
于 2013-11-28T10:15:21.783 回答