对《Ext2.0 form使用实例》的一点补充
2007-10-23 13:41
323 查看
1、 增加一个空白列
如图红色框部分,如果需要在列里面增加一个空白的位置,只要增加一个高度为28的panel就行了。代码如下:
代码中红色部分。
2、 Tab键控制光标焦点
如果象上面那段代码定义form控件,你会发现tab键的循序是先一列完后再移动到另一列的,要修正这个问题,设置一下控件的tabIndex属性就行了。这个和Delphi等的编程有些类似,呵呵。
items:[{ columnWidth:.5,layout: 'form',border:false, items:[ {xtype:'textfield',fieldLabel: '企业名称',maxLength:100,name: 'txt3',allowBlank:false,anchor:'90%',tabIndex:0}, {xtype:'textfield',fieldLabel: '联系人',maxLength:30,name: 'txt5',anchor:'90%',tabIndex:2}, {xtype:'textfield',fieldLabel: '联系电话',name: 'txt7',anchor:'90%',tabIndex:4}, {xtype:'textfield',fieldLabel: '传真',name: 'txt9',anchor:'90%',tabIndex:6}, {xtype:'textfield',fieldLabel: '电子邮件',name: 'txt19',anchor:'90%',tabIndex:8,vtypes:'email'}, this.provinceCombo ]},{ columnWidth:.5,layout: 'form',border:false, items:[ this.classCombo, {xtype:'textfield',fieldLabel: '职务',maxLength:100,name: 'txt4',anchor:'90%',tabIndex:1}, {xtype:'textfield',fieldLabel: '手机',name: 'txt7',anchor:'90%',tabIndex:3}, {xtype:'textfield',fieldLabel: '公司主页',name: 'txt6',anchor:'90%',tabIndex:5,vtypes:'url'}, {xtype:'panel',border:0,height:28}, this.cityCombo ]} ] |
2、 Tab键控制光标焦点
如果象上面那段代码定义form控件,你会发现tab键的循序是先一列完后再移动到另一列的,要修正这个问题,设置一下控件的tabIndex属性就行了。这个和Delphi等的编程有些类似,呵呵。
相关文章推荐
- 对《Ext2.0 form使用实例》的一点补充
- 对《Ext2.0 form使用实例》的一点补充
- 对《Ext2.0 form使用实例》的一点补充
- 对《Ext2.0 form使用实例》的一点补充
- 对《Ext2.0 form使用实例》的一点补充
- Ext2.0中的form使用实例
- Ext2.0 form使用实例
- Ext2.0 form使用实例(转贴)
- Ext2.0 form使用实例
- Ext2.0 form使用实例
- Ext2.0 form使用实例
- Ext2.0 form使用实例
- Ext2.0 form使用实例
- Ext2.0 form使用实例
- Ext2.0 form使用实例
- Ext2.0 form使用实例
- Validform实时表单验证插件实例使用
- js 一些使用小例子 ,暂时写这么一点,以后补充
- 多种实例解析HTML表单form的使用方法
- 关于使用TestDriven.Net 2.0的一点补充