4.2.1 から ExtJS 5 にアップグレードした後、グリッド セル幅の計算の問題、または問題と思われるものを発見しました。
列の例を次に示します。
columns: [
{ header: 'One', dataIndex: 'one', flex: 2 },
{ header: 'Two', dataIndex: 'two', flex: 2 },
{ header: 'Three', dataIndex: 'three', flex: 3 }
]
ヘッダーは予想どおりにグリッド幅を埋めますが、グリッド セルの幅はそれぞれ -5px / -5px / -12 px の量でヘッダーと等しくありません。
外観はスクロール バー用のスペースがあるように見えますが、グリッドには 1 行しかありません。スクロール バーを表示するのに十分なデータがあるグリッドでは、この問題は発生していないようです。
グリッド列のサイズを変更すると、新しいデータが読み込まれ、幅の計算をオフにして再度レンダリングされるまで、適切な配置に戻ります。新しいデータが読み込まれるとすぐにサイズが変更されます。
おそらくcssが原因だと思いましたが、テーマを変更しても修正されず、デバッグcssではなくext-all.cssを使用しませんでした。
これはバグですか、それとも幅の計算を修正する新しい構成を見逃したのでしょうか?
これがバグの場合...回避策はありますか?
大変助かります。
更新 1:
Sencha Cmd を使用して基本的なアプリを生成し、列と機能を含むグリッド ビューを作成しました。これまでのところ、グループ化機能が原因のようです。ただし、グループ化機能のないグリッドでは動作が見られます。これらのグリッドはボーダー レイアウトになっているので、次に調査します。