extjs gridpanel не показывает полосы прокрутки

Question

Я создаю страницу, содержащую только сетку, я хочу, чтобы в моей сетке были полосы прокрутки на основе размера браузера. Для этого я обертываю его в окне просмотра, как обсуждалось here и убедился, что я указываю макет, как обсуждалось here. Сетка отлично выглядит, но я не получаю никаких полос прокрутки. Я пробовал макеты «fit», «border» и «anchor», но до сих пор не повезло. Код выглядит следующим образом:

Ext.create('Ext.Viewport', { 
    items: [{ 
     region: 'center', 
     layout: 'fit', 
     xtype: 'gridpanel', 
     store: myStore, 
     loadMask: true,  
     columns: [{ 
      header: 'Account ID', 
      dataIndex: 'acct_id', 
      width: 70 
     }, { 
      header: 'First Name', 
      dataIndex: 'first_name', 
      width: 120 
     }, { 
      header: 'Last Name', 
      dataIndex: 'last_name', 
      width: 120 
     }, { 
      xtype: 'numbercolumn', 
      header: 'Account Balance', 
      dataIndex: 'acct_bal', 
      width: 70, 
      renderer: Ext.util.Format.usMoney 
     }, { 
      xtype: 'numbercolumn', 
      header: 'Credit', 
      dataIndex: 'credit', 
      width: 70, 
      renderer: Ext.util.Format.usMoney 
     }, { 
      xtype: 'numbercolumn', 
      header: 'Debt', 
      dataIndex: 'debt_bal', 
      width: 70, 
      renderer: Ext.util.Format.usMoney 
     }], 
    }] 
}); 

Answer 1

Вы должны установить fit макет Viewport:

Ext.create('Ext.Viewport', { 
    layout: 'fit', 
    items: [...] 
}); 

Настройка макета в GridPanel не имеют никакого эффекта.