カラムのフレックス設定を動的に設定する

Question

グリッドのあるウィンドウがあるとします。 これは、ExtJS、バージョン5.1.3経由でコード化しています。 このグリッドには4つの列があり、最後にはflex:1というプロパティがあります。 パーフェクト、すべてが整列しています。 最後の列を非表示にする可能性があります。他の列はプロパティーflexを持たないため、グリッドはウィンドウ内で切断されます。

このウィンドウは、このlinkの最後のスクリーンショットに似ています。

私の質問：flexの列がない場合に一時的なflexプロパティの種類を定義してから、すぐにリセットすることはどういうことですか？

Answer 1

グリッドオブジェクトにforceFit : true設定を指定できます。

Ext.create('Ext.data.Store', { 
     storeId: 'simpsonsStore', 
     fields: ['name', 'email', 'phone'], 
     data: [{ 
      name: 'Lisa', 
      email: 'lisa@simpsons.com', 
      phone: '555-111-1224' 
     }, { 
      name: 'Bart', 
      email: 'bart@simpsons.com', 
      phone: '555-222-1234' 
     }, { 
      name: 'Homer', 
      email: 'homer@simpsons.com', 
      phone: '555-222-1244' 
     }, { 
      name: 'Marge', 
      email: 'marge@simpsons.com', 
      phone: '555-222-1254' 
     }] 
    }); 

    Ext.create('Ext.grid.Panel', { 
     title: 'Simpsons', 
     forceFit : true, 
     store: Ext.data.StoreManager.lookup('simpsonsStore'), 
     columns: [{ 
      text: 'Name', 
      dataIndex: 'name' 
     }, { 
      text: 'Email', 
      dataIndex: 'email', 
      flex: 1 
     }, { 
      text: 'Phone', 
      dataIndex: 'phone' 
     }], 
     height: 500, 
     width: 600, 
     renderTo: Ext.getBody() 
    });