小杰的博客

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

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

摘要： Extjs项目对富客户端开发提供了强有力的支持，甚至改变了前端的开发方式，使得开发变得更加趋向于“面向组件”。对界面的美化而言，也是根本性的改变。普通的网页美工面对extjs项目根本无法下手，需要脚本编写人员配合美工一起来完成工作(另外,spketIDE提供的样式修改工具也不理想)。修改extjs的既有样式：1.覆盖extjs的样式表这里说的修改不是去改extjs本身的ext-all.css,也不建议这样去做，这样会影响所有页面；而应该是用自定义的css去覆盖某些控件的默认样式。大部分控件都有类似cls、style的属性供开发者去定制样式；但具体要设置样式的哪些属性才能达到特定效果，api文档 阅读全文

摘要： Ext.panel.Panel属性值描述animCollapseBoolean设置面板折叠展开是否显示动画,Ext.Fx可用默认true,否则falseapplyToMixed面板定位autoDestroyBoolean是否自动销毁从容器中移除组件(默认true)autoHeightBoolean是否自动高度(默认false)autoLoadObject/String/Function设置面板自动加载的urlautoScrollBoolean设置是否自动加载滚动条(默认false自动加滚动条)autoShowBoolean是否移除组件的隐藏样式(默认flase)autoWidthBoolean 阅读全文

摘要： 正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。Ext.onReady(function(){Ext.QuickTips.init();});ExtJS的Regex的验证属性分两种情况,一种是只有红色提示框；另一种是在提示框边会出现一个类似批注的提示信息，不过在页面加载时要加上Ext.QuickTips.init();提示框才能正常显示出来。特别提示：在属性regex后要用/^这里加正则$/把上面的正则表达式包起来否则会报"缺少对象"；例子：{ xtype:'textfield', fieldLabel: 阅读全文