layout調整問題與規範

[letithwe]

Grid滿版測試

以OperationGrid測試
各欄位設flex: 1,width與height屬性不設=>Design畫面顯示充滿版面
將OperationGrid設為起始頁=>畫面(grid)高度並不會滿版

以OperationEditor測試
opBrowse與opMainten layout皆設為vbox,flex=1=>Design畫面顯示充滿版面
將OperationEditor設為起始頁=>畫面(grid)高度並不會滿版

新增Viewport將OperationGrid Link並設為起始頁=>畫面(grid)高度滿版
新增Viewport將OperationEditorCt Link並設為起始頁=>畫面(grid)高度滿版
=>畫面可隨瀏覽器放大縮小動態改變

MainContainer滿版測試

新增Viewport將MainContainer Link並設為起始頁
=>畫面滿版隨瀏覽器放大縮小動態改變

討論：主頁是否改為Viewport,但grid高度填滿版面方法尚未找到解決方式!

Auto Fill注意事項：

1. 元件不需設定width、height。
2. 主要元件設定flex=1，使其布滿畫面。
3. Initail View需設定為Viewport，方可自動調整高度。
4. 以動態新增之元件，code中也必須設計控制Layout。

以MainContainer為例，左方功能列表將動態新增各功能tab頁面，在產生Tab時應同時指定layout。

tab =  {
        xtype: 'panel',
        layout: {
            type: 'fit'
        },
        title: tabName,
        closable:true,
        items: [{ xtype: xtypeStr }]
   };

ps. 已push範例，請參考OperationEditorCt。

[smlsunxie]

layout 的處理，請信岐檢查基本資料的部份，小慢處理履歷收集