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
分享到:
相关推荐
在Android开发中,`RadioGroup` 是一个非常常见的布局组件,用于管理一组单选按钮(RadioButton)。通常,`RadioGroup` 内的所有RadioButton是互斥的,用户只能选择其中一个。然而,标准的`RadioGroup`默认是水平...
在Android开发中,RadioGroup是用于管理一组RadioButton的布局,它允许用户在多个选项中选择一个。本教程将深入探讨如何自定义RadioGroup以创建独特的选项卡样式,从而提升应用程序的用户体验。 首先,RadioGroup的...
本文将深入探讨如何自定义`RadioGroup`布局,并通过修改源码来创建一个自定义控件。`RadioGroup`是Android系统中用于管理多个单选按钮(`RadioButton`)的容器,通常限制用户只能选择其中一项。 首先,理解`...
在.NET开发领域,DevExpress是一款广泛使用的控件库,它提供了丰富的UI组件,包括RadioGroup控件。本示例主要探讨如何在Dev Express的RadioGroup中动态添加和管理项目(items)。由于RadioGroup控件并未直接提供设置...
在Android开发中,`RadioGroup`和`RadioButton`是一对常用的组件,它们通常用于实现单选功能,即在多个选项中只能选择一个。在本例中,我们将它们应用于`FragmentTabHost`的导航效果,创建一个可以切换不同`Fragment...
在Android开发中,文本输入和显示是用户界面设计的关键部分,RadioGroup作为单选按钮的容器,通常用于实现一组互斥选项的选择。然而,原生的RadioGroup仅支持单行排列,这在需要多行多列展示选项时显得功能有限。`...
在这个场景中,我们将探讨如何利用`TabLayout`和`RadioGroup`来实现这样的功能。 `TabLayout`是Android Support Library中的一个组件,它提供了一种易于使用的界面,用于显示多个标签,每个标签对应一个不同的内容...
在Android开发中,弹窗(PopupWindow)和RadioGroup控件是两个常用的功能组件,它们在用户界面交互中起着至关重要的作用。本篇将详细探讨这两种组件的使用方法及其相关知识点。 首先,我们来讨论弹窗(PopupWindow...
在Android开发中,`RadioGroup`控件通常用于创建单选按钮组,用户只能选择其中的一个选项。然而,标准的`RadioGroup`默认是水平排列的,这在选项过多时可能会导致一行显示不下,影响用户体验。针对这种情况,我们...
RadioGroup在Android开发中是一个非常常见的控件,主要用于实现单选按钮(RadioButton)的组合,让用户在多个选项中选择一个。在本主题中,我们将深入探讨如何创建一个多行多列的RadioGroup,设置默认选中项,并保持...
在Android开发中,`RadioGroup`和`RadioButton`是两种非常重要的选择控件,它们用于实现单选功能,即在多个选项中只能选择一个。`RadioGroup`是一个容器控件,用于管理一组`RadioButton`,确保同一时间只有一个`...
RadioGroup在Android开发中是一个非常实用的控件,它用于管理一组RadioButton,形成单选按钮组,用户只能在其中选择一个选项。在这个“用RadioGroup做的底部切换栏”实例中,我们将探讨如何利用RadioGroup来实现类似...
在Android开发中,RadioGroup和RadioButton是常用的组件,用于实现单选功能。本文将深入探讨如何自定义RadioButton的图片以及确保RadioGroup中的每个RadioButton之间的间隔距离保持一致。首先,我们来了解一下这两个...
RadioGroup在Android开发中是一个非常常见的控件,它主要用于实现单选按钮(RadioButton)的组管理,让用户在多个选项中选择一个。默认情况下,RadioGroup会将所有的RadioButton水平或垂直排列成一列。然而,有时候...
在Android开发中,`RadioGroup` 是一个非常重要的布局组件,它用于管理多个 `RadioButton` 对象。`RadioGroup` 的主要功能是实现单选功能,即在同一组中,用户只能选择一个 `RadioButton`,而不能同时选择多个。在本...
在Android开发中,`RadioGroup` 是一个非常重要的布局组件,它主要用于管理一组`RadioButton`控件,确保在同一时间只有一个`RadioButton`被选中。`RadioGroup`提供了单选功能,使得用户可以在多个选项中做出单一的...
在Android开发中,`RadioGroup`是一个非常实用的布局组件,它主要用于管理一系列的单选按钮(`RadioButton`)。在本教程中,我们将深入探讨如何使用`RadioGroup`来实现一个导航列表开关,以创建一个具有完美UI设计的...
在Android开发中,`ViewPager`、`Fragment`和`RadioGroup`是构建复杂用户界面时常用的组件。`ViewPager`用于实现页面滑动效果,`Fragment`代表应用界面的一部分,而`RadioGroup`则是一个用于管理单选按钮的容器。...