layout調整問題與規範 - Githubissues

agricloud / foodprint

1 stars 0 forks source link

layout調整問題與規範 #41

Open letithwe opened 10 years ago

letithwe commented 10 years ago

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注意事項：

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

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

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

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

smlsunxie commented 10 years ago

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