打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
ExtJs 页面布局1
 

原代码:
--------------------------------------------------------------------------------------------------------------------------------
 Ext.ns("ff.bx");
/**
 * 组合促销查询条件
 * 1.重置按钮有问题
 * 
 * @param {}
 *  config
 */
ff.bx.promopackAdd=function(config){
config = Ext.apply({
prefix : "promopackAdd"
}, config);
this.init = function() {
// 判断是否存在此对象,如果不存在则新建,否则直接返回
var _showpanel = Ext.getCmp(this.genId("main"));
if (_showpanel) {
return _showpanel;
}
var _this=this;
var _sumtype=config._sumtypeC;
Ext.QuickTips.init();
this._callFn=config._callFn;
//促销类型
var _promopacktypeData=[
['1','买A送B'],
['2','买N个A+M个B则优惠'],
['3','第N件优惠'],
['4','限时促销']
];
var _promopacktypeStore=new Ext.data.SimpleStore({
data:_promopacktypeData,
fields:['value','text']
});
var _promopacktypeComboBox=new Ext.form.ComboBox({
store:_promopacktypeStore,
triggerAction:'all',
displayField:'text',
valueField:'value',
mode:'local',
width:120,
allowBlank:false,
editable:false,
value:config._promopacktypeC,
fieldLabel:'促销类型',
name:'promopacktype',
id:_this.genId('promopacktype')
});
//促销方案名称
var _promopackname=new Ext.form.TextField({
fieldLabel:'促销名称',
id:_this.genId('promopackname'),
name:'promopackname',
width:120,
value:config._promopacknameC,
enableKeyEvents : true,
listeners : {
keyup: function(src, evt){
/*
* 控制输入数字、英文字母、汉字
*/
var val = src.getValue().toString().replace(/^(\-)*(\d+)\.(\d\d).*$/,'');
src.setValue(val);
}
}
});
//开始日期
var _begindate=new Ext.form.DateField({
fieldLabel:'开始日期',
id:_this.genId('begindate'),
name:'begindate',
//allowBlank:false,
width:120,
//editable:false,
value:config._begindateC,
format:'Y-m-d',
allowBlank:false,
listeners:{
scope:this,
select:{
fn:function(obj,dat){
var begVal=Ext.getCmp(_this.genId('begindate')).getValue();
var endVal=Ext.getCmp(_this.genId('enddate')).getValue();
if(begVal && endVal){
if(begVal>endVal){
Ext.Msg.alert("提示","起始日期不应该晚于结束日期");
Ext.getCmp(_this.genId('begindate')).setValue('');
}
}
}
}
}
});
//结束日期
var _enddate=new Ext.form.DateField({
fieldLabel:'结束日期',
id:_this.genId('enddate'),
name:'enddate',
//allowBlank:false,
//editable:false,
width:120,
format:'Y-m-d',
allowBlank:false,
value:config._enddateC,
listeners:{
scope:this,
select:{
fn:function(obj,dat){
var begVal=Ext.getCmp(_this.genId('begindate')).getValue();
var endVal=Ext.getCmp(_this.genId('enddate')).getValue();
if(begVal && endVal){
if(begVal>endVal){
Ext.Msg.alert("提示","结束日期不应该早于起始日期");
Ext.getCmp(_this.genId('begindate')).setValue('');
}
}
}
}
}
});
//开始时间
var _begintime=new Ext.form.TimeField({
xtype:'timefield',
fieldLabel:'开始时间',
name:'begintime',
id:this.genId('begintime'),
allowBlank:false,
//emptyText:'请选择非中午时间',
minValue:'1:00',
maxValue:'23:59',
increment:1,
format:'H:i',
msgTarger:'side',
width:120
//height:30,//没有height属性
//handleHeight:70,//同resizable一起使用,控制下拉面板的大小
//resizable :true
});
//结束时间
var _endtime=new Ext.form.TimeField({
xtype:'timefield',
fieldLabel:'结束时间',
name:'endtime',
id:this.genId('endtime'),
allowBlank:false,
//emptyText:'请选择非中午时间',
minValue:'1:00',
maxValue:'23:59',
format:'H:i',
increment:1,
msgTarger:'side',
width:120
//height:30,//没有height属性
//handleHeight:70,//同resizable一起使用,控制下拉面板的大小
//resizable :true
});
//促销方案状态
var _statusData=[
['0','全部'],
['1','申请'],
['10','审核'],
['100','撤销']
];
var _statusStore=new Ext.data.SimpleStore({
data:_statusData,
fields:['value','text']
});
var _statusComboBox=new Ext.form.ComboBox({
store:_statusStore,
triggerAction:'all',
displayField:'text',
valueField:'value',
mode:'local',
width:120,
allowBlank:false,
editable:false,
value:config._statusC,
fieldLabel:'促销状态',
name:'status',
id:_this.genId('status')
});
//限购次数
var _promopackqty=new Ext.form.NumberField({
fieldLabel:'限购次数',
id:_this.genId('promopackqty'),
name:'promopackqty',
value:'0',
width:120
});
//促销单号
var _promopackid=new Ext.form.NumberField({
fieldLabel:'促销单号',
id:_this.genId('promopackid'),
name:'promopackid',
width:120
});
this.setRecord=function(record){
_this.record = record;
if(record)
{
_systemform.form.loadRecord(this.record);
}
}
this.save=function(){
//促销类型
var promopacktype1=Ext.getCmp(_this.genId('promopacktype')).getValue();
//促销名称
var promopackname1=Ext.getCmp(_this.genId('promopackname')).getValue();
//开始日期
var begindate1=Ext.getCmp(_this.genId('begindate')).getValue();
//结束日期
var enddate1=Ext.getCmp(_this.genId('enddate')).getValue();
//开始时间
var begintime1=Ext.getCmp(_this.genId('begintime')).getValue();
//结束时间
var endtime1=Ext.getCmp(_this.genId('endtime')).getValue();
//促销方案状态
var status1=Ext.getCmp(_this.genId('status')).getValue();
//限购次数
var promopackqty1=Ext.getCmp(_this.genId('promopackqty')).getValue();
//促销单号
var promopackid1=Ext.getCmp(_this.genId('promopackid')).getValue();
//促销日程
var pmon1=Ext.getCmp(_this.genId('pmon')).getValue();
var ptue1=Ext.getCmp(_this.genId('ptue')).getValue();
var pwed1=Ext.getCmp(_this.genId('pwed')).getValue();
var pthu1=Ext.getCmp(_this.genId('pthu')).getValue();
var pfri1=Ext.getCmp(_this.genId('pfri')).getValue();
var psat1=Ext.getCmp(_this.genId('psat')).getValue();
var psun1=Ext.getCmp(_this.genId('psun')).getValue();
if(pmon1){pmon1='1'}else{pmon1='0'}
if(ptue1){ptue1='1'}else{ptue1='0'}
if(pwed1){pwed1='1'}else{pwed1='0'}
if(pthu1){pthu1='1'}else{pthu1='0'}
if(pfri1){pfri1='1'}else{pfri1='0'}
if(psat1){psat1='1'}else{psat1='0'}
if(psun1){psun1='1'}else{psun1='0'}
//会员适用
var pmem1=Ext.getCmp(_this.genId('pmem')).getValue();
if(pmem1){pmem1='1'}else{pmem1='0'}
if(!promopacktype1){
Ext.Msg.alert('提示','促销类型不能为空!');
return;
}
if(!promopackname1){
Ext.Msg.alert('提示','促销名称不能为空!');
return;
}
if(!begindate1){
Ext.Msg.alert('提示','开始日期不能为空!');
return;
}
if(!enddate1){
Ext.Msg.alert('提示','结束日期不能为空!');
return;
}
if(!begintime1){
Ext.Msg.alert('提示','开始时间不能为空!');
return;
}
if(!endtime1){
Ext.Msg.alert('提示','结束时间不能为空!');
return;
}
if(!status1){
Ext.Msg.alert('提示','促销方案状态不能为空!');
return;
}
/*if(!promopackqty1 && promopackqty1){
Ext.Msg.alert('提示','限购次数不能为空!');
return;
}*/
Ext.Ajax.request({
url:'promo_savepack.do',
method:'post',
data:'data',
totalProperty:'totalCount',
success:function(resp,obj){
var ret = Ext.decode(response.responseText);
if(ret.data[0].status == "0"){
Ext.Msg.alert('提示','保存成功,请点击查询按钮,查询结果!');
       var window = mainform.ownerCt; 
       //window.reload();
window.close();
}else{
Ext.Msg.alert('提示',ret.data[0].note);
       return;
}
},
failure:function(){
Ext.Msg.alert('提示', '网络错误');
var window = _systemform.ownerCt;        
window.close();
},
params:{
promopacktype:promopacktype1,
promopackname:promopackname1,
begindate:begindate1,
enddate:enddate1,
begintime:begintime1,
endtime:endtime1,
status:status1,
promopackqty:promopackqty1,
promopackid:promopackid1,
pmon:pmon1,
ptue:ptue1,
pwed:pwed1,
pthu:pthu1,
pfri:pfri1,
psat:psat1,
psun:psun1,
pmem:pmem1
}
});
}
this.reset=function(){
Ext.getCmp(_this.genId('promopacktype')).reset();
Ext.getCmp(_this.genId('promopackname')).reset();
Ext.getCmp(_this.genId('begindate')).reset();
Ext.getCmp(_this.genId('enddate')).reset();
Ext.getCmp(_this.genId('begintime')).reset();
Ext.getCmp(_this.genId('endtime')).reset();
Ext.getCmp(_this.genId('status')).reset();
Ext.getCmp(_this.genId('promopackqty')).reset();
Ext.getCmp(_this.genId('promopackid')).reset();
Ext.getCmp(_this.genId('pmem')).reset();
Ext.getCmp(_this.genId('pmon')).reset();
Ext.getCmp(_this.genId('ptue')).reset();
Ext.getCmp(_this.genId('pwed')).reset();
Ext.getCmp(_this.genId('pthu')).reset();
Ext.getCmp(_this.genId('pfri')).reset();
Ext.getCmp(_this.genId('psat')).reset();
Ext.getCmp(_this.genId('psun')).reset();
}
var _systemform = new Ext.FormPanel({
labelAlign:'right',
labelWidth:70,
buttonAlign:'center',
frame:true,
margins:'10 10 10 10',
width : 480,
height : 200,
//title:'',
id:_this.genId('addform'),
//defaults:{width:315},
layout : 'form',
items : [{
layout:'column',
items:[
{
columnWidth:.3,
layout:'form',
//defaultType:'checkbox',
//checkboxToggle:true,
//hideLabels:true,
items:[
_promopacktypeComboBox,
_promopackname,
_statusComboBox
]
},{
columnWidth:.3,
layout:'form',
//defaultType:'checkbox',
//checkboxToggle:true,
//hideLabels:true,
items:[
_begindate,
_enddate,
_promopackqty
]
},
{
columnWidth:.3,
layout:'form',
//defaultType:'checkbox',
//checkboxToggle:true,
//hideLabels:true,
items:[
_begintime,
_endtime,
_promopackid
]
}
]
},
{
layout:'column',
           border:false,
items:[
{
fieldLabel:'促销日程',
columnWidth:.22,
layout: 'form',
border:false,
items: [
{
fieldLabel:'促销日程',
xtype:'checkbox',
boxLabel:'周一',
// hideLabel:true,
id:_this.genId('pmon'),
name:'pmon'
}
                    ]
},
                {
columnWidth:.12,
               layout: 'form',
               border:false,
               items: [
               {
xtype:'checkbox',
                   hideLabel:true,
                   boxLabel:'周二',
                   id:_this.genId('ptue'),
                   name:'ptue'
}
            ]
},
                {
columnWidth:.12,
               layout: 'form',
               border:false,
               items: [
               {
xtype:'checkbox',
                   hideLabel:true,
                   boxLabel:'周三',
                   id:_this.genId('pwed'),
                   name:'pwed'
}
            ]
},
{
columnWidth:.12,
               layout: 'form',
               border:false,
               items: [
               {
xtype:'checkbox',
                   hideLabel:true,
                   boxLabel:'周四',
                   id:_this.genId('pthu'),
                   name:'pthu'
}
            ]
},
{
columnWidth:.12,
               layout: 'form',
               border:false,
               items: [
               {
xtype:'checkbox',
                   hideLabel:true,
                   boxLabel:'周五',
                   id:_this.genId('pfri'),
                   name:'pfri'
}
            ]
},
{
columnWidth:.12,
               layout: 'form',
               border:false,
               items: [
               {
xtype:'checkbox',
                   hideLabel:true,
                   boxLabel:'周六',
                   id:_this.genId('psat'),
                   name:'psat'
}
            ]
},
{
columnWidth:.12,
               layout: 'form',
               border:false,
               items: [
               {
xtype:'checkbox',
                   hideLabel:true,
                   boxLabel:'周日',
                   id:_this.genId('psun'),
                   name:'psun'
}
            ]
}
]},
{
layout:'column',
           border:false,
items:[
{
fieldLabel:'促销日程',
columnWidth:.22,
layout: 'form',
border:false,
items: [
{
fieldLabel:'会员适用',
xtype:'checkbox',
//boxLabel:'',
// hideLabel:true,
id:_this.genId('pmem'),
name:'pmem'
}
                    ]
}
                
]}
],
buttons:[{
text:'保存',
handler:_this.save
},
{
text:'重置',
handler:_this.reset
}]
});
return _systemform;
}
ff.bx.promopackAdd.superclass.constructor.call(this, config);
}
Ext.extend(ff.bx.promopackAdd, Ext.sydev.Sheet);

------------------------------------------------------------------------------------------------------------------------
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
ExtJS实战(6)
ExtJs 确认密码验证的实现
Ext获得时间控件的值
在Ext.FormPanel/Ext.form.FormPanel的FieldSet中实现...
ExtJS表单提交与加载全攻略
EXT表单组件常见属性介绍(三)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服