`
wly719
  • 浏览: 289995 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

new Ext.form.RadioGroup和new Ext.form.CheckBoxGroup

阅读更多
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";
}
}
      },
分享到:
评论

相关推荐

    ext checkboxgroup 回填数据解决

    重写 代码如下: //解决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(...

    ExtJSWeb应用程序开发指南(第2版)

    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...

    ExtJS-3.4.0系列目录

    - `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....

    ExtJs_xtype一览

    - `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个多选框的组件。 - `displayfield`:`Ext.form.DisplayField`,只读显示,不参与验证和提交的文本字段。 - `radiogroup`:`Ext.form....

    EXT3.2 多选下拉框

    多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...

    extjs控件列表

    **Ext.form.CheckboxGroup** - **描述**: 编组的多选框,可以同时管理多个多选框。 - **用途**: 创建一组相关联的多选框,如兴趣爱好选择。 **Ext.form.DisplayField** - **描述**: 仅显示,不校验/不被提交的...

    extjs详细ppt

    - **复选框组 (`Ext.form.field.CheckboxGroup`)**:一组复选框。 - **单选按钮组 (`Ext.form.field.RadioGroup`)**:一组单选按钮。 - **下拉组合框 (`Ext.form.field.ComboBox`)**:结合列表和输入框的功能。 ...

    ExtJS3总结内容

    - `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...

    学习ExtJS Panel常用方法

    - `checkboxgroup`: `Ext.form.CheckboxGroup` - `combo`: `Ext.form.ComboBox` - `datefield`: `Ext.form.DateField` - `displayfield`: `Ext.form.DisplayField` - `field`: `Ext.form.Field` - `fieldset`:...

    Extjs3.0 checkboxGroup 动态添加item实现思路

    然而,与普通的Ext.form.Field组件不同,CheckboxGroup实际上是一个容器形式的组件,它继承自Ext.form.Field类。 在Extjs3.0版本中,CheckboxGroup组件的配置项中的items属性,是处理生成对应面板的关键。Extjs框架...

    form表单加载复杂json数据

    对于数组,你可以使用`checkboxgroup`、`radiogroup`或其他重复字段来表示。例如: ```javascript items: [{ xtype: 'fieldset', title: 'Nested Data', items: [{ xtype: 'textfield', fieldLabel: 'Nested ...

    ExtJs使用过程中积攒的一些东西

    - 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...

    ExtJS的xtype列表

    - `checkboxgroup`: 多选框组,用于管理一组关联的多选框。 - `displayfield`: 只读字段,用于显示信息,不能编辑。 - `radiogroup`: 单选按钮组,用于管理一组关联的单选按钮。 6. **图表组件**(只列出部分)...

Global site tag (gtag.js) - Google Analytics