新增修改
后台Controller
//保存方法
@RequestMapping("saveDog")
@ResponseBody
public void saveDog(Dog dog) {
dogService.saveDog(dog);
}
后台Service
public void saveDog(Dog dog) {
//如果有id就进入修改
if(dog.getDogId()!=null) {
dogMapper.updateDog(dog);
//否则就进新增方法
}else {
dogMapper.addDog(dog);
}
}
后台mapper.xml
//新增sql语句
<insert id="addDog" parameterType="dog">
INSERT INTO `mr_1808`.`t_dog` (
`dog_name`,
`dog_sex`,
`dog_color`,
`dog_skill`,
`dog_bir`
) VALUES (
#{dogName},
#{dogSex},
#{dogColor},
#{dogSkill},
#{dogBir});
</insert>
//修改sql语句
<update id="updateDog" parameterType="dog">
UPDATE `mr_1808`.`t_dog`
SET `dog_name` =#{dogName},
`dog_sex` = #{dogSex} ,
`dog_color` = #{dogColor} ,
`dog_skill` = #{dogSkill} ,
`dog_bir` = #{dogBir}
WHERE `dog_id` = #{dogId};
</update>
前台
//修改方法
function updateDog(){
row=$('#dg').datagrid('getSelected');
var title="修改";
if(row==null){
$.messager.alert('提示','请选择要修改的一行');
}
showDialog(title);
}
//新增方法
function addDog(){
row=null;
var title="新增";
showDialog(title);
}
//打开弹框方法
function showDialog(title){
$('#dd').dialog({
title:title,
width: 400,
height: 200,
closed: false,
cache: false,
href:'toShowDialog.do',
modal: true,
buttons:[{
text:'保存',
handler:function(){
saveDog();
}
},{
text:'关闭',
handler:function(){
$('#dd').window('close');
}
}]
});
}
//保存方法
function saveDog(){
$('#form').form('submit', {
url:'saveDog.do',
onSubmit: function(){
// do some check
// return false to prevent submit;
},
success:function(data){
$('#dd').window('close');
$.messager.alert('提示','操作成功');
$('#dg').datagrid('reload');
}
});
}
showDiaLog.jsp页面
<body>
//必须写在body标签内不然加载不出来
<script type="text/javascript">
if (row!=null) {
//复选框必须分隔逗号
row.dogSkill=row.dogSkill.split(',');
$('#form').form('load',row);//把一行数据加载到前台
}
</script>
<form id="form">
<input type="hidden" name="dogId"/>
狗狗名字:<input class="easyui-textbox" name="dogName" style="width:180px"><br/>
狗狗性别:<input type="radio" name="dogSex" value="1" checked/>雌性
<input type="radio" name="dogSex" value="2"/>雄性<br/>
狗狗颜色:<select name="dogColor">
<option value="0">请选择</option>
<option value="1" selected>黑色</option>
<option value="2">白色</option>
<option value="3">五颜六色</option>
</select><br/>
狗狗技能:<input type="checkbox" name="dogSkill" value="1" checked/>导盲
<input type="checkbox" name="dogSkill" value="2"/>牧羊
<input type="checkbox" name="dogSkill" value="3"/>看门<br/>
狗狗生日:<input id="dd" name="dogBir" type= "text" class= "easyui-datebox">
</form>
</body>