08第八讲：VIP消费信息录入功能实现.doc

1、商场 VIP 消费情况查询系统VIP 消费信息录入功能实现一、添加 VIP 消费信息录入 窗口function vipAdd()/创建一个windowvar vipAddWindow = new Ext.Window(title:“VIP信息录入“,width:400,height:300,modal:true,resizable:false);vipAddWindow.show();按钮事件处理text:“VIP 信息录入“,handler:vipAdd,效果预览：二、添加表单/创建表单var formPanel = new Ext.form.FormPanel(bodyStyle:“pad

2、ding-left:50px“,width:400,frame:true,labelAlign:“right“,monitorValid:true,items:new Ext.form.NumberField(id:“vipId“,name:“vipId“,fieldLabel:“vipId“,allowNegative : false,/不允许输入负数allowDecimals : false,/不允许输入小树nanText :请输入有效的整数,/无效数字提示allowBlank:false,blankText:“vipId不能为空“),new Ext.form.TextField(id:“

3、name“,name:“name“,fieldLabel:“姓名“,minLength:2,minLengthText:“姓名长度不能小于2个字符“ ,maxLength:12,maxLengthText:“姓名长度不能大于12个字符“,allowBlank:false,blankText:“姓名不能为空“),new Ext.form.NumberField(id:“commodityId“,name:“commodityId“,fieldLabel:“commodityId“,allowNegative : false,/不允许输入负数allowDecimals : false,/不允许输入

4、小树nanText :请输入有效的整数,/无效数字提示allowBlank:false,blankText:“commodityId不能为空“),new Ext.form.TextField(id:“commodityName“,name:“commodityName“,fieldLabel:“商品名称“,minLength:2,minLengthText:“商品名称长度不能小于2个字符“ ,maxLength:12,maxLengthText:“商品名称长度不能大于12个字符“,allowBlank:false,blankText:“商品名称不能为空“),new Ext.form.Numbe

5、rField(id:“price“,name:“price“,fieldLabel:“商品价格“,allowNegative : false,/不允许输入负数nanText :请输入有效的整数,/无效数字提示allowDecimals : true,/允许输入小数maxValue : 10000000,/最大值minValue : 0,/最小值minText:“商品价格不能小于0元“,maxText:“商品价格不能大于0元“,allowBlank:false,blankText:“商品价格不能为空“),new Ext.form.NumberField(id:“practicePrice“,na

6、me:“practicePrice“,fieldLabel:“商品实际价格“,allowNegative : false,/不允许输入负数nanText :请输入有效的整数,/无效数字提示allowDecimals : true,/允许输入小数maxValue : 10000000,/最大值minValue : 0,/最小值minText:“商品实际价格不能小于0元“,maxText:“商品实际价格不能大于0元“,allowBlank:false,blankText:“商品实际价格不能为空“),buttons:text:“添加 “,formBind:true,handler:function(

7、),text:“重置 “,handler:function()formPanel.getForm().reset(););效果预览：三、设置 field 为 disabled。四、配置 field 的失去焦点监听。listeners: /失去焦点“blur“: function(field)var name = field.ownerCt.findByType(“textfield“)0;name.setValue(“张三“);listeners: /失去焦点“blur“: function(field)var commodityName = field.ownerCt.findByType(

8、“textfield“)1;commodityName.setValue(“牛奶“);var price = field.ownerCt.findByType(“numberfield“)2;price.setValue(“2.4“);var practicePrice = field.ownerCt.findByType(“numberfield“)3;practicePrice.setValue(“1“);五、动态设置 VIP 姓名/失去焦点 “blur“: function(field)/获得vipidvipIdValue = field.value;/需要设置的字段var name =

9、 field.ownerCt.findByType(“textfield“)0;/发送异步请求Ext.Ajax.request(/1.请求的地址url:“getVip.action“,/2.请求的方式method:“post“,/3.请求参数params:vipId:vipIdValue,callback:function(options,success,response) var jsonStr = Ext.util.JSON.decode(response.responseText);if(jsonStr.success) name.setValue(jsonStr.vip.name);e

10、lse Ext.MessageBox.alert(“失败“,jsonStr.msg);name.setValue(“);)package com.ibeifeng.action;import com.ibeifeng.dao.VipDAO;import com.ibeifeng.po.Vip;import com.opensymphony.xwork2.ActionSupport;public class GetVipAction extends ActionSupport private Integer vipId;private boolean success;private String

11、 msg;private Vip vip;private VipDAO vipDAO;public Integer getVipId() return vipId;public void setVipId(Integer vipId) this.vipId = vipId;public boolean isSuccess() return success;public void setSuccess(boolean success) this.success = success;public String getMsg() return msg;public void setMsg(Strin

12、g msg) this.msg = msg;public Vip getVip() return vip;public void setVip(Vip vip) this.vip = vip;public VipDAO getVipDAO() return vipDAO;public void setVipDAO(VipDAO vipDAO) this.vipDAO = vipDAO;public String execute() throws Exception vip = vipDAO.findById(vipId);if(vip != null) success = true;msg =

13、 “获得该 VIP成功“;else success = false;msg = “不存在该 VIP“;return this.SUCCESS;效果预览：六、动态设置商品信息。/失去焦点 “blur“: function(field)var commodityName = field.ownerCt.findByType(“textfield“)1;var price = field.ownerCt.findByType(“numberfield“)2;var practicePrice = field.ownerCt.findByType(“numberfield“)3;/获得commodit

14、yIdcommodityIdValue = field.value;/发送异步请求Ext.Ajax.request(/1.请求的地址url:“getCommotidy.action“,/2.请求的方式method:“post“,/3.请求参数params:commodityId:commodityIdValue,callback:function(options,success,response) var jsonStr = Ext.util.JSON.decode(response.responseText);if(jsonStr.success) commodityName.setValu

15、e(jsonSmodityName);price.setValue(jsonSmodity.price);practicePrice.setValue(jsonSmodity.price * jsonSmodity.agio);else Ext.MessageBox.alert(“失败“,jsonStr.msg);commodityName.setValue(“);price.setValue(“);practicePrice.setValue(“);)package com.ibeifeng.action;import com.ibeifeng.dao.CommodityDAO;import

16、 com.ibeifeng.po.Commodity;import com.opensymphony.xwork2.ActionSupport;public class getCommodityAction extends ActionSupport private Integer commodityId;private Commodity commodity;private boolean success;private String msg;private CommodityDAO commodityDAO;public Integer getCommodityId() return co

17、mmodityId;public void setCommodityId(Integer commodityId) modityId = commodityId;public boolean isSuccess() return success;public void setSuccess(boolean success) this.success = success;public String getMsg() return msg;public void setMsg(String msg) this.msg = msg;public CommodityDAO getCommodityDAO() return commodityDAO;public void setCommodityDAO(CommodityDAO commodityDAO)