[Ext JS 7 ]7.5 自適應配置 - Responsive Configs


關於自適應佈局的概念及基礎參考以下章節:
12.4 Responsive自適應網頁設計與ResponsiveColumn自適應列實例

Ext JS的自適應支持

Ext JS 從5.x版本開始引入自適應配置(responsiveConfig)。啓用自適應配置有兩種方式:

  1. 使用混合(Responsive Mixin)
  2. 使用插件配置(plugins)

Mixin方式配置自適應示例

這裏的示例是: 定義一個面板子類型, 面板的標題根據設備屏幕的寬度自動變化,當屏寬大於600時,使用長標題;小於600時,使用短標題,
示例的效果對比如下:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章