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的...