ExtJs Combobox Resize Problem на IE6

Question

Комбинация в следующем созвездии (чрезвычайно обрезанный код) имеет проблемы с изменением размера в IE6. Небольшая отладка показала, что она не получает случай, когда пытается сжать западный регион через сплиттер.

Ext.onReady(function(){ 
    var grid = new Ext.Viewport({ 
     layout: 'border' 
     ,items: [{ 
       region: 'west' 
       ,width: 200 
       ,layout: 'fit' 
       ,split: true 
       ,items: [{ 
        layout: 'accordion' 
        ,items: [{ 
         layout: 'Anchor' 
         ,items: [{ 
          xtype: 'combo' 
          ,anchor: '100%' 
          ,typeAhead:true 
          ,triggerAction: 'all' 
          ,selectOnFocus: true 
          ,mode: 'local' 
          ,emptyText: 'bitte wählen' 
          ,displayField: 'displayText' 
          ,store: new Ext.data.ArrayStore({ 
           fields: ['displayText'], 
           data: [['item1'], ['item2']] 
          }) 
         }] 
        }] 
       }] 
      },{ 
       region: 'center' 
       ,html: 'content'     
      } 
     ] 
     ,renderTo: Ext.getBody() 
    }); 
}); 

Answer 1

Это происходит только в гармоничной компоновке. Изучите это дальше.

Ext.onReady(function() { 
    var grid = new Ext.Viewport({ 
     layout: 'border' 
     ,items: [{ 
      region: 'west' 
      ,width: 200 
      ,split: true 
      --,layout: 'fit' << not necessary. You're overnesting. 
      ,layout: 'anchor' 
      ,items: [{ 
       xtype: 'combo' 
       ,anchor: '100%' 
       ,typeAhead:true 
       ,triggerAction: 'all' 
       ,selectOnFocus: true 
       ,mode: 'local' 
       ,emptyText: 'bitte wählen' 
       ,displayField: 'displayText' 
       ,store: new Ext.data.ArrayStore({ 
        fields: ['displayText'], 
        data: [['item1'], ['item2']] 
       }) 
      }] 
     },{ 
      region: 'center' 
      ,html: 'content'         
     }] 
    }) 
}); 

Вышеприведенные отлично работает для меня в IE6

Answer 2

Я надеюсь, что это поможет вам.

Выписка из AnchorLayout документ:

AnchorLayout не имеет каких-либо прямых параметры конфигурации (кроме унаследованных из них). Однако контейнер, использующий , AnchorLayout может предоставить значение конфигурации для привязки, привязанное к привязке, от anchorSize. По умолчанию AnchorLayout рассчитает измерения якоря в зависимости от размера контейнера . Однако, если anchorSize является предписанными в технических заданиях, макет будет использовать его в качестве виртуального контейнера для целей расчета измерений якорных на основе на нем вместо этого, позволяя контейнер , чтобы иметь такой размер, независимо от крепежной логики, если это необходимо.

Элементов добавляют к AnchorLayout может также поставлять анкерную специфические конфигурации свойство якоря, который представляет собой строки, содержащая два значения: горизонтальное значение анкерного и вертикального значение якоря (например, «100 % 50% '). Это значение является то, что сообщает макет, как должен быть элемент , привязанный к контейнеру. В следующих типов значений анкерных поддерживаются:

Процент: Любое значение между 1 и 100 , выраженным в процентах. Первый якорь представляет собой процентную ширину , что предмет должен занимать в пределах контейнер, а второй - это процентная высота . Пример: «100% 50%» предоставит деталь полной ширине контейнера и 1/2 ее высоты . Если установлено только одно значение привязки , предполагается, что это значение ширины , а высота по умолчанию будет авто.

Смещения: Любое положительное или отрицательное целочисленное значение. Первый якорь представляет собой смещение справа кромки контейнера, а второй - это смещение от нижнего края. Пример: «-50 -100» предоставит деталь полной ширины контейнера минус 50 пикселей и полной высоты минус 100 пикселей.Если только одно значение анкерного подаются оно считается правильное смещение значения и низа смещения будет по умолчанию 0.

Сторона: Допустимые значения «вправо» (или «г») и 'bottom' (или 'b'). Любой контейнер должен иметь фиксированный размер или значение привязки anchorSize , определенное во время рендеринга, в порядке , для того чтобы они имели какой-либо эффект.

Answer 3

У меня была аналогичная проблема. Попробуйте поместить combobox в контейнер. Поэтому вместо того, чтобы поместить его прямо в панель с компоновкой привязки, поместите комбо в контейнер и добавьте этот контейнер в панель с компоновкой якоря! Он должен работать!