ExtJs 中Viewport的介紹與使用

2021-06-02 02:22:45 字數 406 閱讀 4771

extjs 中viewport的介紹與使用

veiwport 代表整個瀏覽器顯示區域,該物件渲染到頁面的body 區域,並會隨著瀏覽器顯示區域的大小自動改變,乙個頁面中只能有乙個viewport 例項。viewport 不需要再指定renderto,而我們也看到viewport 確實填充了整個瀏覽器顯示區域,並會隨著瀏覽器顯示區域大小的改變而改改。viewport 主要用於應用程式的主介面,可以通過使用不同的布局來搭建出不同風格的應用程式主介面。在viewport 上常用的布局有fit、border 等,當然在需要的時候其它布局也會常用。

舉例1如下:

效果如下:

舉例2:

效果如下:

備註:xtype一欄操作

Extjs中ViewPort動態更換Panel

我們在使用extjs進行開發單頁面應用時,我們構建了乙個viewport有時候可能希望對viewport中的items進行動態替換,網上也有很多的資料但是都只說了個大概並沒有詳細說明,這裡我將對遇到這種需求時如何處理進行詳細介紹。環境extjs 4.2 首先我們來看viewport 選單model ...

viewport中的屬性

在開發移動端專案的時候,對 viewport 進行適配是必不可少的 viewport content width device width,initial scale 1.0,maximum scale 1.0,minimum scale 1.0,user scalable no 總結下 通過met...

meta中viewport的使用

隨著高階手機 andriod,iphone,ipod,winphone等 的盛行,移動互聯應用開發也越來越受到人們的重視,用html5開發移動應用是最好的選擇。然而,每一款手機有不同的解析度,不同螢幕大小,如何使我們開發出來的應用或頁面大小能適合各種高階手機使用呢?學習html5 viewport的...