RadioGroup

最新推荐文章于 2024-08-07 14:17:50 发布

f776527249

最新推荐文章于 2024-08-07 14:17:50 发布

阅读量96

点赞数

分类专栏： extjs 文章标签： EXT HTML

本文链接：https://blog.csdn.net/f776527249/article/details/83535974

版权

extjs 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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" οnclick=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>'
	    }]
	});