IE6のExtJsコンボボックスサイズ変更の問題

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を使用するコンテナは、 アンカー固有の設定プロパティ アンカーサイズを指定できます。デフォルトでAnchorLayout はコンテナ 自体のサイズに基づいてアンカー測定値 を計算します。 anchorSizeが をspecifedている場合は、レイアウトは、必要に応じて容器 は独立 固定ロジックのサイズとすることができるように、代わりに ベース 算出アンカー測定の目的のために 仮想コンテナとして使用します。 水平アンカー値及び 垂直アンカー値（例えば、 「100：

商品AnchorLayoutに添加 はまた、2つの値を含む 文字列であるアンカーのアンカー特異 設定プロパティを供給することができ％50％）。この値は、 のアイテムがコンテナに固定される方法をレイアウトに伝えるものです。アンカー値の 次のタイプがサポート ある：

割合：1と 100の間の任意の値は、百分率として表さ。 最初のアンカーは、アイテムが コンテナ内で占有され、2番目が 高さのパーセンテージの幅である のパーセンテージの幅です。例： '100％50％' は、アイテムをコンテナの幅が完全に 、高さが であるアイテムにレンダリングします。 1つのアンカー値が である場合は、幅が であるとみなされ、高さはデフォルトで autoになります。

オフセット：任意の正の値または 負の整数値。最初の アンカーは、コンテナの右側の エッジからのオフセットであり、2番目の は、下端からのオフセットです。 例： '-50 -100'は、 アイテムに コンテナの完全な幅から50ピクセル、そして の完全な高さから100ピクセルを引いたものになります。 つのみアンカー値が供給される場合、それ 右オフセット 値とボトムオフセットであると仮定されるであろう デフォルト0に

サイド：有効な値である 「右」（または「R」）と 'bottom'（または 'b'）です。コンテナには の固定サイズが必要です。または、アンカーサイズ設定 の値がレンダリング時に定義されている場合は、 の値が有効です。

Answer 3

私は同様の問題がありました。コンボボックスをコンテナに入れてみてください。そのため、アンカーレイアウトでパネルに直接配置する代わりに、コンボをコンテナに配置し、このコンテナをアンカーレイアウトのパネルに追加してください。それは動作するはずです！