extjs2.2中加入了新的组件new Ext.form.RadioGroup和new Ext.form.CheckBoxGroup,这样可以解决以前radio,checkbox组件排版弊端,也可以简洁,隐藏fieldLabel的两种方法:hideLable:true和不给fieldLabel属性并设labelSeparator:"",建议使用后者,
var serviceType = new Ext.form.RadioGroup({
width : 220,
hideLabel:true,
style:'margin-left:100px;',
columns : 1,
vertical :true,
items:[
{boxLabel:'本地业务',inputValue:'local',name:'sevType'},
{boxLabel:'点对点业务',inputValue:'p2p',name:'sevType',
listeners:{
check:function(el,checked){
if(checked){
//插入一项
makePointWay();
}else{
//删除一项
removePointWay();
}
}
}
}]
});
这两个参数可以控制排版,以一列竖型排布。
由于radiogroup没有check事件,可以用radio的check事件,通过这个事件去得到选中,然后就可以去判断了.
有一个问题,就是inputValue的值,在form的submit方法,和load方法都是可以取得和提交正确的值(根据你的inputValue设定的值),但是在本js中要取inputValue的值。好像只能用BasicForm中的getValues()方法,才能取到,原因还不清楚,先取到值再说。
service_FORM.getForm().submit({
url:url,
method:'post',
waitMsg:"提交中",
params: {
appid:top.appid
},
failure:UI2.formSubmitFailed,
success:function(form,action){
//取业务类型的值,去判断跳转到那个页面
var dbtypevalue = form.getValues().sevType;
if(dbtypevalue =='local'){
top.dbtype = 'local';
document.location.href = "dbsync-wiz/localdbsync-wiz.jsp";
}else if(dbtypevalue =='p2p'){
var pointwayvalue = Ext.getCmp('pointToPointWayId').getValue();
if(pointwayvalue=='src')
{
document.location.href="dbsync-wiz/point-to-point-src.jsp";
}else{
document.location.href="dbsync-wiz/point-to-point-tag.jsp";
}
}
},
分享到:
相关推荐
重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(...
4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 Ext.form.field.Picker拾取器字段 4.1.12 Ext.form.field.ComboBox...
- `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....
- `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个多选框的组件。 - `displayfield`:`Ext.form.DisplayField`,只读显示,不参与验证和提交的文本字段。 - `radiogroup`:`Ext.form....
多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...
**Ext.form.CheckboxGroup** - **描述**: 编组的多选框,可以同时管理多个多选框。 - **用途**: 创建一组相关联的多选框,如兴趣爱好选择。 **Ext.form.DisplayField** - **描述**: 仅显示,不校验/不被提交的...
- **复选框组 (`Ext.form.field.CheckboxGroup`)**:一组复选框。 - **单选按钮组 (`Ext.form.field.RadioGroup`)**:一组单选按钮。 - **下拉组合框 (`Ext.form.field.ComboBox`)**:结合列表和输入框的功能。 ...
- `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...
- `checkboxgroup`: `Ext.form.CheckboxGroup` - `combo`: `Ext.form.ComboBox` - `datefield`: `Ext.form.DateField` - `displayfield`: `Ext.form.DisplayField` - `field`: `Ext.form.Field` - `fieldset`:...
然而,与普通的Ext.form.Field组件不同,CheckboxGroup实际上是一个容器形式的组件,它继承自Ext.form.Field类。 在Extjs3.0版本中,CheckboxGroup组件的配置项中的items属性,是处理生成对应面板的关键。Extjs框架...
对于数组,你可以使用`checkboxgroup`、`radiogroup`或其他重复字段来表示。例如: ```javascript items: [{ xtype: 'fieldset', title: 'Nested Data', items: [{ xtype: 'textfield', fieldLabel: 'Nested ...
- 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...
- `checkboxgroup`: 多选框组,用于管理一组关联的多选框。 - `displayfield`: 只读字段,用于显示信息,不能编辑。 - `radiogroup`: 单选按钮组,用于管理一组关联的单选按钮。 6. **图表组件**(只列出部分)...