文章目錄
關於自適應佈局的概念及基礎參考以下章節:
12.4 Responsive自適應網頁設計與ResponsiveColumn自適應列實例
Ext JS的自適應支持
Ext JS 從5.x版本開始引入自適應配置(responsiveConfig)。啓用自適應配置有兩種方式:
- 使用混合(Responsive Mixin)
- 使用插件配置(plugins)
Mixin方式配置自適應示例
這裏的示例是: 定義一個面板子類型, 面板的標題根據設備屏幕的寬度自動變化,當屏寬大於600時,使用長標題;小於600時,使用短標題,
示例的效果對比如下: