小杰的博客

导航

2013年11月18日 #

ExtJS布局方式(layout)图文详解

摘要: Auto默认布局不给下级组件指定大小和位置Absolute绝对布局可使用坐标(x、y)进行布局Accordion手风琴布局实现Accordion效果的布局,也可叫可折叠布局。也就是说使用该布局的容器的子组件是可折叠的形式表现。Anchor固定布局会根据容器的大小固定其相对于容器的尺寸这个布局就是表单面板默认支持的,每一项占据一行,支持用anchor配置项分配各个子项的高度和宽度。为百分比时表示当前大小占父容器的百分比;为数字时一般为负数,表示父容器的值减去差值,剩下的为子项的大小。说明:anchor: '80% 20%',中间用一个空格隔开,空格前后是%的数字。第一个参数80% 阅读全文

posted @ 2013-11-18 13:25 梁晓杰 阅读(973) 评论(0) 推荐(0) 编辑

ExtJS4.2.1自定义主题(theme)样式详解

摘要: (基于ExtJS4.2.1版本)UI组件学习ExtJS就是学习组件的使用。ExtJS4对框架进行了重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件。ExtJs4的组件体系中有将近100种组件,而这些组件又可以大致分为四大类,即容器类组件、工具栏及菜单栏组件、表单及元素组件、其他组件。theme主题ExtJs4引入了全新的主题系统,采用Sass和Compass技术,提供了标准的主题模板,通过对主题模板的简单定制就可以创造出丰富多彩的各种主题。Sass和Compass概述SassSass样式表语言是CSS的一个扩展,为CSS提供了变量、内嵌规则、混入(mixi 阅读全文

posted @ 2013-11-18 09:50 梁晓杰 阅读(4956) 评论(0) 推荐(0) 编辑