我们上篇文章的内容是：
来到了
我这篇文章要实现的功能是：上面的数据我想要修改。比如：
上面的红色框框要把它修改并提交。
具体如下：
我们所在的页面是editcgd.jsp。代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <%@ page contentType="text/html; charset=UTF-8"%> <%@ include file="/WEB-INF/jsp/base/tag.jsp"%> <html> <head> <title>采购单修改</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <%@ include file="/WEB-INF/jsp/base/common_css.jsp"%> <%@ include file="/WEB-INF/jsp/base/common_js.jsp"%> <script type="text/javascript"> //采购单保存 function yycgdsave(){ //由form被多个功能公用，每次操作设置form的url $("#yycgdsaveForm").attr("action","${baseurl}cgd/editcgdsubmit.action"); jquerySubByFId('yycgdsaveForm', yycgdsave_callback, null); } function yycgdsave_callback(data) { var result = getCallbackData(data); _alert(result); } //采购单提交 function yycgdsubmit(){ _confirm('提交后采购单将不允许修改，是否继续?',null, function(){ $("#yycgdsaveForm").attr("action","${baseurl}cgd/submitYycgd.action"); jquerySubByFId('yycgdsaveForm', yycgdsubmit_callback, null); } ); } //采购单提交回调 function yycgdsubmit_callback(data) { var result = getCallbackData(data); _alert(result); //提交成功再刷新本页面,提交按钮就不显示 if(result.type==TYPE_RESULT_SUCCESS){ //重新再次跳转到修改页面，页面上的提交按钮、添加、删除的控制就不显示了。 window.location="${baseurl}cgd/editcgd.action?id=${yycgd.id}"; } } //采购单明细列表的工具栏 //采购药品添加 function yycgdmxaddshow(){ var sendUrl="${baseurl}cgd/queryaddyycgdmx.action?yycgdid=${yycgd.id}"; createmodalwindow("采购药品添加", 1124, 500, sendUrl); } //采购药品删除 function yycgdmxdelete(){ _confirm('您确定要删除选择的采购药品吗?',null, function(){ var indexs = [];//选择记录的序号 var rows = $('#yycgdmxlist').datagrid('getSelections'); for(var i=0;i<rows.length;i++){ var index=$('#yycgdmxlist').datagrid('getRowIndex',rows[i]); indexs.push(index); } if(rows.length>0){ $("#indexs").val(indexs.join(',')); //由于删除和保存对同一个form进行操作，所以这里给yycgdmxForm的action重新赋值 $("#yycgdmxForm").attr("action",'${baseurl}cgd/yycgdmxdelsubmit.action'); jquerySubByFId('yycgdmxForm', yycgdmxdelete_callback, null); }else{ alert_warn("请选择要删除的采购药品"); } } ) } function yycgdmxdelete_callback(data) { var result = getCallbackData(data); _alert(result); yycgdmxquery(); } //保存采购药品信息 function yycgdmxsave(){ _confirm('您确定要保存选择的采购药品吗?',null, function(){ var indexs = [];//选择记录的序号 var rows = $('#yycgdmxlist').datagrid('getSelections'); for(var i=0;i<rows.length;i++){ var index=$('#yycgdmxlist').datagrid('getRowIndex',rows[i]); indexs.push(index); } if(rows.length>0){ $("#indexs").val(indexs.join(',')); //由于保存和删除对同一个form进行操作，所以这里给yycgdmxForm的action重新赋值 $("#yycgdmxForm").attr("action",'${baseurl}cgd/savecgl.action'); jquerySubByFId('yycgdmxForm',yycgdmxsave_callback, null); }else{ alert_warn("请选择要保存的采购药品"); } } ) } function yycgdmxsave_callback(data){ var result = getCallbackData(data); _alert(result); yycgdmxquery(); } var toolbar=[]; //如果采购单未提交或审核不通过显示此下操作按钮 toolbar = [{ id : 'yycgdmxaddshow', text : '采购药品添加', iconCls : 'icon-add', handler : yycgdmxaddshow } ,{ id : 'yycgdmxdelete', text : '采购药品删除', iconCls : 'icon-add', handler : yycgdmxdelete } ,{ id : 'yycgdmxsave', text : '保存采购药品信息', iconCls : 'icon-add', handler : yycgdmxsave } ]; //采购单明细列表的列定义 var columns = [ [{ checkbox:true },{ field : 'useryymc', title : '医院', width : 100 /* , formatter:function (value,row,index){ //如果从json中取不出useryymc则显示成总计两个字 if(value){ return value; }else{ return "总计"; } } */ },{ field : 'ypxxid', hidden : true, formatter: function(value,row,index){ if(value){//因为有总计行，而总计行中id的值为null，所以这里需要添加判断，不为空则生成hidden return '<input type="hidden" name="yycgdmxs['+index+'].ypxxid" value="'+value+'" />'; } } },{ field : 'bm', title : '流水号', width : 50 },{ field : 'mc', title : '通用名', width : 100 },{ field : 'jx', title : '剂型', width : 70 },{ field : 'gg', title : '规格', width : 70 },{ field : 'zhxs', title : '转换系数', width : 50 },{ field : 'zbjg', title : '中标价', width : 50 },{ field : 'jyztmc', title : '交易状态', width : 50 },{ field : 'jyjg', title : '交易价', width : 50 },{ field : 'cgl', title : '采购量', width : 50, formatter:function(value,row,index){ /* if(row.ypxxid){//如果有药品信息id表示不是总计行 return '<input type="text" name="yycgdmxs['+index+'].cgl" value="'+(value?value:"")+'" />'; }else{ return value; } */ return '<input type="text" name="yycgdmxs['+index+'].cgl" value="'+(value?value:"")+'" />'; } },{ field : 'cgje', title : '采购金额', width : 50 },{ field : 'scqymc', title : '生产企业', width : 100 },{ field : 'spmc', title : '商品名称', width : 100 },{ field : 'cgztmc', title : '采购状态', width : 80 },{ field : 'usergysmc', title : '供货商', width : 100 }]]; //加载datagrid（采购单明细列表） $(function() { $('#yycgdmxlist').datagrid({ title : '采购药品列表', showFooter:true,//是否显示总计行 striped : true, url : '${baseurl}cgd/queryYycgdmx_result.action',//这里边后边带了一个参数，所以form中不需要此参数yycgdid queryParams:{//url的参数，初始加载datagrid时使用的参数 id:'${yycgd.id}'//yycgdid是参数名称，如果参数名称中间有点，将参数用单引号括起来 }, idField : 'yycgdmxid',//采购药品明细id //frozenColumns : frozenColumns, columns : columns, pagination : true, rownumbers : true, showFooter:true,//显示总计 toolbar : toolbar, loadMsg:"", pageList:[15,30,50,100] } ); }); //采购药品明细查询方法 function yycgdmxquery(){ var formdata = $("#yycgdmxForm").serializeJson(); //alert(formdata); $('#yycgdmxlist').datagrid('unselectAll');//取所有选中，避免重新load保留选中状态 $('#yycgdmxlist').datagrid('load', formdata); } </script> </HEAD> <BODY> <!-- 采购单主信息保存form --> <form id="yycgdsaveForm" name="yycgdsaveForm" action="${baseurl}cgd/yycgdeditsubmit.action" method="post"> <input type="hidden" name="id" value="${yycgd.id}"/> <TABLE border=0 cellSpacing=0 cellPadding=0 width="70%" bgColor=#c4d8ed align=center> <TBODY> <TR> <TD background=images/r_0.gif width="100%"> <TABLE cellSpacing=0 cellPadding=0 width="100%"> <TBODY> <TR> <TD> 药品采购单</TD> <TD align=right> </TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD> <TABLE class="toptable grid" border=1 cellSpacing=1 cellPadding=4 align=center> <TBODY> <TR> <TD height=30 width="15%" align=right>采购单编号：</TD> <TD class=category width="35%"> ${yycgd.bm} </TD> <TD height=30 width="15%" align=right >采购单名称：</TD> <TD class=category width="35%"> <div> <input type="text" id="yycgd_mc" name="yycgdCustom.mc" value="${yycgd.mc}" style="260px" /> </div> <div id="yycgd_mcTip"></div> </TD> </TR> <TR> <TD height=30 width="15%" align=right >建单时间：</TD> <TD class=category width="35%"> <fmt:formatDate value="${yycgd.cjtime}" pattern="yyyy-MM-dd"/> </TD> <TD height=30 width="15%" align=right >提交时间：</TD> <TD class=category width="35%"> <fmt:formatDate value="${yycgd.tjtime}" pattern="yyyy-MM-dd"/> </TD> </TR> <TR> <TD height=30 width="15%" align=right>联系人：</TD> <TD class=category width="35%"> <input type="text" name="yycgdCustom.lxr" id="yycgd.lxr" value="${yycgd.lxr}" style="260px" /> </TD> <TD height=30 width="15%" align=right >联系电话：</TD> <TD class=category width="35%"> <input type="text" name="yycgdCustom.lxdh" id="yycgd.lxdh" value="${yycgd.lxdh}" style="260px" /> </TD> </TR> <TR> <TD height=30 width="15%" align=right>采购单状态：</TD> <TD class=category width="35%"> ${yycgd.yycgdztmc} </TD> <TD height=30 width="15%" align=right>备注：</TD> <TD colspan=3> <textarea rows="2" cols="30" name="yycgdCustom.bz">${yycgd.bz}</textarea> </TD> </TR> <TR> <TD height=30 width="15%" align=right>审核时间：</TD> <TD class=category width="35%"> <fmt:formatDate value="${yycgd.shtime}" pattern="yyyy-MM-dd"/> </TD> <TD height=30 width="15%" align=right >审核意见：</TD> <TD class=category width="35%"> ${yycgd.shyj} </TD> </TR> <tr> <td colspan=4 align=center class=category> <a href="#" onclick="yycgdsave()" class="easyui-linkbutton" iconCls='icon-save'>保存</a> <!-- 采购单状态为1：未提交、或、4：审核不通过显示提交 --> <c:if test="${yycgd.zt =='1' or yycgd.zt=='4'}"> <a href="#" onclick="yycgdsubmit()" class="easyui-linkbutton" iconCls='icon-save'>提交</a> </c:if> </td> </tr> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </form> <!-- 采购单主信息保存form --> <!-- 采购单明细信息 --> <TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#c4d8ed> <TBODY> <TR> <TD background=images/r_0.gif width="100%"> <TABLE cellSpacing=0 cellPadding=0 width="100%"> <TBODY> <TR> <TD> 采购药品列表</TD> <TD align=right> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> <!-- 采购单明细查询form --> <form id="yycgdmxForm" name="yycgdmxForm" method="post" > <input type="hidden" name="indexs" id="indexs" /> <!-- 采购单id --> <input type="hidden" name="id" value="${yycgd.id}"/> <TABLE class="table_search"> <TBODY> <TR> <TD class="left">通用名：</td> <td><INPUT type="text" name="ypxxCustom.mc" /></TD> <TD class="left">剂型：</TD> <td ><INPUT type="text" name="ypxxCustom.jx" /></td> <TD class="left">规格：</TD> <td ><INPUT type="text" name="ypxxCustom.gg" /></td> <TD class="left">转换系数：</TD> <td ><INPUT type="text" name="ypxxCustom.zhxs" /></td> </TR> <TR> <TD class="left">流水号：</TD> <td ><INPUT type="text" name="ypxxCustom.bm" /></td> <TD class="left">生产企业：</TD> <td ><INPUT type="text" name="ypxxCustom.scqymc" /></td> <TD class="left">商品名称：</TD> <td ><INPUT type="text" name="ypxxCustom.spmc" /></td> <td class="left">价格范围：</td> <td> <INPUT id="ypxxCustom.zbjglower" name="ypxxCustom.zbjglower" style="70px"/> 至 <INPUT id="ypxxCustom.zbjgupper" name="ypxxCustom.zbjgupper" style="70px"/> </td> </tr> <tr> <TD class="left">药品类别：</TD> <td > <!-- 药品类别从数据字典中取id作为页面传入action的value --> <select id="ypxxCustom.lb" name="ypxxCustom.lb" style="150px"> <option value="">全部</option> <c:forEach items="${lblist}" var="value"> <option value="${value.id}">${value.info}</option> </c:forEach> </select> </td> <TD class="left">交易状态：</TD> <td > <!-- 交易状态从数据字典中取出dictcode作为页面传入action的value --> <select id="ypxxCustom.jyzt" name="ypxxCustom.jyzt" style="150px"> <option value="">全部</option> <c:forEach items="${jyztlist}" var="value"> <option value="${value.dictcode}">${value.info}</option> </c:forEach> </select> </td> <TD class="left">采购状态：</TD> <td > <select id="yycgdmxCustom.cgzt" name="yycgdmxCustom.cgzt" style="150px"> <option value="">全部</option> <c:forEach items="${cgztlist}" var="value"> <option value="${value.dictcode}">${value.info}</option> </c:forEach> </select> </td> <td colspan=2> <a id="btn" href="#" onclick="yycgdmxquery()" class="easyui-linkbutton" iconCls='icon-search'>查询</a> </td> </TR> </TBODY> </TABLE> <!-- 采购明细列表 --> <TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=center> <TBODY> <TR> <TD> <!-- 采购单明细列表 --> <table id="yycgdmxlist"></table> </TD> </TR> </TBODY> </TABLE> </form> </BODY> </HTML>
当我们点击保存之后。进入到
//采购单保存 function yycgdsave(){ //由form被多个功能公用，每次操作设置form的url $("#yycgdsaveForm").attr("action","${baseurl}cgd/editcgdsubmit.action"); jquerySubByFId('yycgdsaveForm', yycgdsave_callback, null); }
然后我们看是提交的editcgdsubmit.action。
然后我们看Action层里面的函数：
// 采购单修改提交 @RequestMapping("/editcgdsubmit") public @ResponseBody SubmitResultInfo editcgdsubmit(String id, YycgdQueryVo yycgdQueryVo) throws Exception { // 执行修改操作 cgdService.updateYycgd(id, yycgdQueryVo.getYycgdCustom()); return ResultUtil.createSubmitResult(ResultUtil.createSuccess( Config.MESSAGE, 906, null)); }
我们看到这里的重点是：
cgdService.updateYycgd(id, yycgdQueryVo.getYycgdCustom());
我们具体看这个函数：
@Override public void updateYycgd(String id, YycgdCustom yycgdCustom) throws Exception { // 从采购单id中获取年份 String year = id.substring(0, 4); // 从数据库查询采购单信息 YycgdCustom yycgdCustom_old = this.findYycgdById(id); // 向对象设置修改的值 yycgdCustom_old.setLxr(yycgdCustom.getLxr()); yycgdCustom_old.setLxdh(yycgdCustom.getLxdh()); yycgdCustom_old.setMc(yycgdCustom.getMc()); yycgdCustom_old.setBz(yycgdCustom.getBz());// 备注信息 // 设置年份 yycgdCustom_old.setBusinessyear(year); yycgdMapper.updateByPrimaryKey(yycgdCustom_old); }
调试：
然后在数据库中有数据：
然后我们在之前的页面上修改吧3344888改为
点击保存之后。在数据库里面查看数据：
说明保存成功了。调试成功。