多语言展示
当前在线:1036今日阅读:26今日分享:39

Extjs布局之fit布局说明实例

熟悉Extjs的朋友们都知道extjs又很多种经典的布局,其中fit布局就是将设置成此种布局的items属性当中的第一个元素铺满这个面板的整个空间。在我们使用extjs的时候经常会遇到这样的情况,去设定子元素的高度、宽度什么的,一旦窗口最大化以后,子元素与父元素之间就出现了完全不合比例的情况,而fit布局整好可以解决这个问题,当然这并不是说fit布局就是为了解决这个问题而出现的。下面我们来看看fit布局的具体用法和设计页面时需要考虑到的要点
工具/原料
1

 extjs封装包

2

 电脑

方法/步骤
1

首先我们要看的是Extjs fit布局的具体页面展示效果       有以下几个特点:八改醒           1)fit布局的面板下面子元素只显示第一个元素           2)fit布局下显示的元素将铺满剩余的父元素空间           3)设置fit布局以后再设置高度、宽度不起作用如下图我们看看fit布局的效果彩彩:

3

fit布局界面布局设计思路:       1)把握只能显示一个子元素这一特点       2)注意与tabpanel结合使用是可以达到显示多个tab的目的的       3)fit布局的铺满效果在窗口最大化的时候是会随着窗口变化而变化的

注意事项

本文纯属原创,谢绝转载,如需转载请标明出处

推荐信息