extjs4組件縮放的簡單介紹

本文目錄一覽：

• 1、extjs 如何自動縮放，如何跟解析度匹配
• 2、轉：新手如何學習ExtJS 4
• 3、extjs button icon 超過它的大小後只顯示一部分, 怎麼樣讓它縮放全部?
• 4、extjs gridpanel 嵌套到一個可收縮的panel中顯示不全 而且導致無法收縮
• 5、extjs 4 怎樣調節組件標題的高度

extjs 如何自動縮放，如何跟解析度匹配

1.選擇容器的時候盡量選擇viewport,這個可以自適應，跟著窗口的改變而該表

2.選擇布局的時候盡量選擇fit、border、等可以自適應的布局

3.實在不行，可以為需要自適應的組件註冊resize事件進行處理

轉：新手如何學習ExtJS 4

最近運營ExtJS交流群的時候，感觸頗深，我感覺作為一個老手，我有必要介紹一下如何學習這種基礎性問題。新手如何學習ExtJS4？如何入門ExtJS4？如何快速學習ExtJS4？1.仔細閱讀新手教程新手教程是指ExtJS官方文檔中Guides那一系列文章，因為是英文的，新手閱讀起來可能有障礙，為此我特意翻譯了這一系列教程，根據使用頻度我已經差不多把最常用到的教程翻譯完了，後續還將繼續翻譯。

通讀這一系列教程後，你會對ExtJS的基本使用方法有個框架性的了解，你會大體上知道如何實現常用功能。現在我把所有已翻譯的教程列舉在此，記住，認真的讀一定對你有幫助。ExtJS 4 入門ExtJS 4 類系統(Class System)介紹ExtJS MVC架構講解ExtJS 4 布局和容器ExtJS 4 組件詳解ExtJS 4 數據(包)詳解ExtJS 4 Grids 詳解ExtJS 4 表單ExtJS 4 樹2.把官方文檔中的所有Demo都瀏覽一遍做這個事情是為了了解官方Demo中實現了哪些功能，當自己要做一個功能時，有例子照著做是最快的，瀏覽一遍就會對現有的Demo有個大概印象，當你沒有頭緒的時候你的大腦會在後台查找之前的印象的，仔細瀏覽一遍，沒有錯。3.熟讀API Docs(API文檔)最近遇到很多人問問題，把一段自己想當然寫出來的代碼貼上來問為什麼不對，事實上你仔細查一下API文檔就知道，你這種用法ExtJS根本就不支持，當然不對。

使用搜索的好處是：通常可以較快速的解決一些無頭緒的問題

extjs button icon 超過它的大小後只顯示一部分, 怎麼樣讓它縮放全部?

默認iconCls不會平鋪整個button的，你可以分別嘗試cls、ctCls、itemCls屬性看看，

因為你的代碼有覆蓋掉原來按鈕圖片的間接意圖

extjs gridpanel 嵌套到一個可收縮的panel中顯示不全 而且導致無法收縮

在panel中使用 layout : 『border』 布局，在將gridpanel放在panel的region:’center’中，最好加上fit屬性，gridpanel就可以隨外層panel的大小而縮放變化了。

extjs 4 怎樣調節組件標題的高度

如果是通用的寫css margin padding 然後再組件加cls,

如果不是就在組件中寫margin 或padding,也可以寫成style=’margin:5px’

標題的高度可以直接設置 height屬性