`
leiwuluan
  • 浏览: 703667 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

RadioGroup

阅读更多
var simple=new Ext.Panel({
		width:500,
		height:900,
		layout:'border',
		autoScroll:true,
		items: [{
			xtype:'form',
			id:'fillInformationFormPanel',
	    	region: 'center',
	    	margins: '5 5 5 5',
	        title: '填写核对订单信息',
	        frame:true,
	        items:[{
	        	xtype:'fieldset',
	        	title:'收货人信息',
	        	defaultType: 'textfield',
	        	collapsible: true,//可收缩
	        	width:300,
	        	items: [{ 
					fieldLabel: '收货人姓名',
					name: 'username',//元素名称 
					allowBlank:false,//不允许为空 
					blankText:'收货人姓名不能为空'
				},{ 
					xtype:'fieldset',
					title:'收货人地区',
					items:[{
						fieldLabel: '请选择城市',
						xtype:'combo'
					},{
						fieldLabel: '请选择市',
						xtype:'combo'
					},{
						xtype:'button',
						text:'从地址薄选择'
					}]
				},{ 
					fieldLabel: '详细地址', 
					name: 'password',
					allowBlank:false, 
					blankText:'详细地址不能为空' 
				},{ 
					fieldLabel: '电话', 
					name: 'password',
					allowBlank:false, 
					blankText:'电话不能为空' 
				},{ 
					fieldLabel: '手机', 
					name:''
				}]
	        },{
	        	xtype:'fieldset',
	        	title:'配送方式',
	        	defaultType: 'textfield',
	        	collapsible: true,//可收缩
	        	width:300,
	        	items: [{ 
	        		xtype:'radiogroup',
					fieldLabel: '送货时间', 
					columns : 1,
					items:[ new Ext.form.Radio({   
                        name : "inBillType",  
                        inputValue : "2",   
                        boxLabel : "尽快的送货"   
                          
                    }), new Ext.form.Radio({   
                        name : "inBillType",
                        inputValue : "3",   
                        boxLabel : "星一至星期五"  
                          
                    }),  new Ext.form.Radio({   
                        name : "inBillType", 
                        inputValue : "4",   
                        boxLabel : "星期六星期日"   
                         
                    }),  new Ext.form.Radio({   
                        name : "inBillType",   
                        inputValue : "4",
                        boxLabel : "三天之内到货"  
                         
                    })]
				},{  
					labelWidth:70,
					fieldLabel: '是否送货前电话确认', 
					xtype:'radiogroup',
					items:[new Ext.form.Radio({   
                        name : "inBillType1",   
                        inputValue : "yes",
                        boxLabel : "是"  
                         
                    }),new Ext.form.Radio({   
                        name : "inBillType1",   
                        inputValue : "no",  
                        boxLabel : "否"
                    })] 
				}]
	        },{
	        	xtype:'fieldset',
	        	title:'订单支付方式',
	        	defaultType: 'textfield',
	        	collapsible: true,//可收缩
	        	width:300,
	        	items: [{ 
	        		xtype:'radiogroup',
					fieldLabel: '订单支付方式', 
					columns : 1,
					items:[ new Ext.form.Radio({   
                        name : "inBillType",  
                        inputValue : "2",   
                        boxLabel : "货到付款"   
                    }), new Ext.form.Radio({   
                        name : "inBillType",
                        inputValue : "3",   
                        boxLabel : "在线支付"  
                    }),  new Ext.form.Radio({   
                        name : "inBillType", 
                        inputValue : "4",   
                        boxLabel : "支付宝支付"
                    }),  new Ext.form.Radio({   
                        name : "inBillType",   
                        inputValue : "4",
                        boxLabel : " 银行电汇"  
                    })]
				}]
	        },{
	        	xtype:'fieldset',
	        	title:'提交订单',
	        	defaultType: 'textfield',
	        	collapsible: true,//可收缩
	        	width:300,
	        	html:'<img src="validateNumImageManager/getValidateImage.action" onclick=getValidateNum(this)>看不清请单击图片',
	        	items:[{
	        		fieldLabel:'请输入验证码'
	        	}],
	        	buttons:[{
	        		text:'提交订单',
	        		handler:function(){
	        			alert('提交订单');
	        		}
	        	}]
	        }]
	    },{
	    	region:'north',
	    	html:'<br><br><b><font style="color: rgb(157,161,161);font-size: large;"> 结算步聚:1.登录注册-><span style="color: rgb(62,156,76)">2.填写核对订单信息</span>->3.成功提交订单</font></b><br><br><br><br>'
	    }]
	});

 

 

  • 大小: 26.1 KB
0
0
分享到:
评论

相关推荐

    换行的RadioGroup可以使用

    在Android开发中,`RadioGroup` 是一个非常常见的布局组件,用于管理一组单选按钮(RadioButton)。通常,`RadioGroup` 内的所有RadioButton是互斥的,用户只能选择其中一个。然而,标准的`RadioGroup`默认是水平...

    RadioGroup自定义选项卡样式

    在Android开发中,RadioGroup是用于管理一组RadioButton的布局,它允许用户在多个选项中选择一个。本教程将深入探讨如何自定义RadioGroup以创建独特的选项卡样式,从而提升应用程序的用户体验。 首先,RadioGroup的...

    Android 自定义RadioGroup布局,修改源码自定义控件

    本文将深入探讨如何自定义`RadioGroup`布局,并通过修改源码来创建一个自定义控件。`RadioGroup`是Android系统中用于管理多个单选按钮(`RadioButton`)的容器,通常限制用户只能选择其中一项。 首先,理解`...

    Dev express radiogroup 动态添加item.zip

    在.NET开发领域,DevExpress是一款广泛使用的控件库,它提供了丰富的UI组件,包括RadioGroup控件。本示例主要探讨如何在Dev Express的RadioGroup中动态添加和管理项目(items)。由于RadioGroup控件并未直接提供设置...

    RadioGroup和RadioButton实现FragmentTabHost导航效果

    在Android开发中,`RadioGroup`和`RadioButton`是一对常用的组件,它们通常用于实现单选功能,即在多个选项中只能选择一个。在本例中,我们将它们应用于`FragmentTabHost`的导航效果,创建一个可以切换不同`Fragment...

    Android-支持多行多列等复杂布局的RadioGroup

    在Android开发中,文本输入和显示是用户界面设计的关键部分,RadioGroup作为单选按钮的容器,通常用于实现一组互斥选项的选择。然而,原生的RadioGroup仅支持单行排列,这在需要多行多列展示选项时显得功能有限。`...

    使用Tablayout和RadioGroup实现底部导航

    在这个场景中,我们将探讨如何利用`TabLayout`和`RadioGroup`来实现这样的功能。 `TabLayout`是Android Support Library中的一个组件,它提供了一种易于使用的界面,用于显示多个标签,每个标签对应一个不同的内容...

    弹窗及radiogroup监听事件

    在Android开发中,弹窗(PopupWindow)和RadioGroup控件是两个常用的功能组件,它们在用户界面交互中起着至关重要的作用。本篇将详细探讨这两种组件的使用方法及其相关知识点。 首先,我们来讨论弹窗(PopupWindow...

    可多行的RadioGroup

    在Android开发中,`RadioGroup`控件通常用于创建单选按钮组,用户只能选择其中的一个选项。然而,标准的`RadioGroup`默认是水平排列的,这在选项过多时可能会导致一行显示不下,影响用户体验。针对这种情况,我们...

    RadioGroup多行多列

    RadioGroup在Android开发中是一个非常常见的控件,主要用于实现单选按钮(RadioButton)的组合,让用户在多个选项中选择一个。在本主题中,我们将深入探讨如何创建一个多行多列的RadioGroup,设置默认选中项,并保持...

    使用RadioGroup与RadioButton

    在Android开发中,`RadioGroup`和`RadioButton`是两种非常重要的选择控件,它们用于实现单选功能,即在多个选项中只能选择一个。`RadioGroup`是一个容器控件,用于管理一组`RadioButton`,确保同一时间只有一个`...

    用RadioGroup做的底部切换栏

    RadioGroup在Android开发中是一个非常实用的控件,它用于管理一组RadioButton,形成单选按钮组,用户只能在其中选择一个选项。在这个“用RadioGroup做的底部切换栏”实例中,我们将探讨如何利用RadioGroup来实现类似...

    Android:解决RadioGroup中RadioButton的图片自定义及每项间隔距离一样

    在Android开发中,RadioGroup和RadioButton是常用的组件,用于实现单选功能。本文将深入探讨如何自定义RadioButton的图片以及确保RadioGroup中的每个RadioButton之间的间隔距离保持一致。首先,我们来了解一下这两个...

    RadioGroup多列显示

    RadioGroup在Android开发中是一个非常常见的控件,它主要用于实现单选按钮(RadioButton)的组管理,让用户在多个选项中选择一个。默认情况下,RadioGroup会将所有的RadioButton水平或垂直排列成一列。然而,有时候...

    RadioGroup支持RadioButton多行多列

    在Android开发中,`RadioGroup` 是一个非常重要的布局组件,它用于管理多个 `RadioButton` 对象。`RadioGroup` 的主要功能是实现单选功能,即在同一组中,用户只能选择一个 `RadioButton`,而不能同时选择多个。在本...

    android RadioGroup实现单选以及默认选中

    在Android开发中,`RadioGroup` 是一个非常重要的布局组件,它主要用于管理一组`RadioButton`控件,确保在同一时间只有一个`RadioButton`被选中。`RadioGroup`提供了单选功能,使得用户可以在多个选项中做出单一的...

    Android RadioGroup实现导航列表开关

    在Android开发中,`RadioGroup`是一个非常实用的布局组件,它主要用于管理一系列的单选按钮(`RadioButton`)。在本教程中,我们将深入探讨如何使用`RadioGroup`来实现一个导航列表开关,以创建一个具有完美UI设计的...

    ViewPager+Fragment+RadioGroup导航

    在Android开发中,`ViewPager`、`Fragment`和`RadioGroup`是构建复杂用户界面时常用的组件。`ViewPager`用于实现页面滑动效果,`Fragment`代表应用界面的一部分,而`RadioGroup`则是一个用于管理单选按钮的容器。...

Global site tag (gtag.js) - Google Analytics