序言:
笔者用的ExtJs版本:ext-3.2.0
ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor
另外,不常见的布局有:tab、vbox、hbox
一、border 布局
简介:也称“边界布局”、“方位布局”。该布局把容器分为东、南、西、北、中五个区域,分别由east、south...
分类:
Web程序 时间:
2016-05-27 12:45:10
阅读次数:
432
HBox和VBox布局 HBox只是一个水平布局包装类。 HBox里面所有的孩子节点都会水平排列成一行 VBox仅仅是对垂直布局的一个简便的类封装。 VBox把它的子节点布局在一竖列中。 Layout容器下布局 ccui.LayoutType ={ABSOLUTE = 0, --绝对布局 默认 子元 ...
分类:
其他好文 时间:
2016-05-25 20:47:31
阅读次数:
367
字体对话框时用来显示字体的对话框部件。 效果: 在本示例中,我们在主界面中显示了一个按钮和一个标签。单击按钮后,用户可在弹出字体对话框中选择字体来修改标签中的字体样式。 hbox.addWidget(button) 该语句将label标签加入到hbox布局中,并通过第二个参数1设置label的大小时 ...
分类:
其他好文 时间:
2016-04-05 14:02:39
阅读次数:
156
{ xtype: "fieldcontainer", layout: "hbox", items: [{ fieldLabel: '开始时间', name: 'Create...
分类:
Web程序 时间:
2016-01-09 17:01:09
阅读次数:
135
盒子布局盒子布局主要作用是以水平(Ext.layout.container.HBox)或垂直方式(Ext.layout.container.VBox)来划分容器区域。这也是比较常有的布局方式。使用盒子布局,除了要在容器定义layout配置项外,还需要在子组件指定子组件的宽度(HBox)或高度(VBox)。指定宽度或高度..
分类:
Web程序 时间:
2015-06-26 06:55:52
阅读次数:
199
varqingjia_panel=newExt.panel.Panel({
id:panelId,
layout:{
type:‘vbox‘,
align:‘center‘
},
items:[{//请假标题
border:false,
layout:{
align:‘middle‘,
pack:‘center‘,
type:‘hbox‘,
width:850
},
..
分类:
Web程序 时间:
2015-05-21 19:46:56
阅读次数:
173
1. container:布局控件,默认在view中纵向布局layout:vbox- 纵向布局hbox- 横向布局2.AjaxAction: 属性Service - 用于设置服务定位表达式若方法有返回值则可以:get(“returnValue”)3.debugger:关键字,可以用来调试事件(相当于...
分类:
其他好文 时间:
2015-05-14 00:43:39
阅读次数:
171
ExtJs中,除了border布局可以很好地做出成熟的界面,《【ExtJs】利用树状结构、Border布局与标签页刻划OA界面》(点击打开链接),常用的标签页布局《【ExtJs】tabPanel标签页与修改标签页的内容》(点击打开链接)以外。在ExtJs中我觉得最好的主布局还有折叠式布局与卡片式布局,而使组件一列排列vbox布局,与使组件一行排列hbox布局,我觉得还可以出出子布局,也就是主布局里...
分类:
Web程序 时间:
2015-04-25 18:32:12
阅读次数:
275
panel:tabBarPosition:panel的位置layout:abstractBox:块式的,可移动card:卡片式的,可重叠fit:自适应vBox:水平块HBox:竖直的块
分类:
Web程序 时间:
2015-04-17 17:31:16
阅读次数:
184
写在最前面:本文适合从Flex程序员转型为Web程序员的朋友观看Flex4中的页面布局相当直观,如水平定位的HGroup(Flex3中的HBox),垂直定位的VGroup(Flex3中的VBox),绝对定位的Group(Flex3中的Canvas)。但是当我转型到Web程序员,用Html+CSS布局...
分类:
Web程序 时间:
2015-02-27 13:27:30
阅读次数:
136