016 修改取派员资料 - bos

Posted 2020-10-03

一、页面调整

1.仿造新增弹出的div创建一个修改信息的div窗口

<div region="center" style="overflow:auto;padding:5px;" border="false">
<form id="editStaffForm" action="staffAction_edit.action" method="post">
<input type="hidden" name="id"/>
<table class="table-edit" width="80%" align="center">
<tr class="title">
<td colspan="2">收派员信息</td>
</tr>
<tr>
<td>姓名</td>
<td><input type="text" name="name" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td>手机</td>
<td><input type="text" data-options="validType:‘telephone‘" name="telephone" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td>单位</td>
<td><input type="text" name="station" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td colspan="2">
<input type="checkbox" name="haspda" value="1" />
是否有PDA</td>
</tr>
<tr>
<td>取派标准</td>
<td>
<input type="text" name="standard" class="easyui-validatebox" required="true"/>
</td>
</tr>
</table>
</form>
</div>
</div>

2.完善弹出框的css风格

// 修改取派员窗口
$(‘#editStaffWindow‘).window({
title: ‘添加取派员‘,
width: 400,
modal: true,
shadow: true,
closed: true,
height: 400,
resizable:false
});

3.完善js代码

function doDblClickRow(rowIndex, rowData){
//打开修改取派员窗口
$(‘#editStaffWindow‘).window("open");
$(‘#editStaffWindow‘).form("load", rowData);
}


//为保存按钮添加事件
$("#edit").click(function(){
//表单校验
var validateRes = $("#editStaffForm").form("validate");
if(validateRes){
//通过则提交表单
$("#editStaffForm").submit();
}
});



二、服务端实现

1.修改信息的建议作法是先根据ID获取信息，然后设置要修改的属性，然后再执行更新

2.我思考的做法是：获取和更新可以在一个Service方法中实现，开启动态更新列后，这样可以利用Session的缓存，少更新列，不知是否存在问题

3.编写StaffAction.edit

/**
* 修改取派员信息
* @return
*/
public String edit(){

//根据id查询原始数据
Staff staff = staffService.findById(model.getId());

staff.setName(model.getName());
staff.setTelephone(model.getTelephone());
staff.setHaspda(model.getHaspda());
staff.setStandard(model.getStandard());
staff.setStation(model.getStation());

staffService.update(staff);

return LIST;
}

4.编写StaffService相关

@Override
public Staff findById(String id) {
return staffDao.findById(id);
}

@Override
public void update(Staff staff) {
staffDao.update(staff);
}