前端
<c:if test="${productType.status==1}">
<input type="button" class="btn btn-danger btn-sm doProTypeDisable" value="禁用" onclick="modifyStatus(${productType.id},this)">
</c:if>
<c:if test="${productType.status==0}">
<input type="button" class="btn btn-success btn-sm doProTypeDisable" value="启用" onclick="modifyStatus(${productType.id},this)">
</c:if>
function modifyStatus(id,btn){
$.get(
'${pageContext.request.contextPath}/backend/productType/modifyStatus',
{'id':id},
function(result){
if(result.status==1){
let $td=$(btn).parent().prev();
if($td.text().trim()=='启用'){
$td.text('禁用');
$(btn).val('启用').removeClass('btn-danger').addClass('btn-success');
}else{
$td.text('启用');
$(btn).val('禁用').removeClass('btn-success').addClass('btn-danger');
}
}
}
);
}
控制端
@RequestMapping("/modifyStatus")
@ResponseBody
public ResponseResult modifyStatus(int id){
productTypeService.modifyStatus(id);
return ResponseResult.success();
}
服务端
@Override
public void modifyStatus(int id) {
ProductType productType = findById(id);
int status = productType.getStatus();
if(status==ProductTypeConstant.Product_TYPE_ENABLE){
status=ProductTypeConstant.Product_TYPE_DISABLE;
}else{
status=ProductTypeConstant.Product_TYPE_ENABLE;
}
productTypeDao.updateStatus(id,status);
}
Mapper
<update id="updateStatus">
update t_product_type
set status=#{status}
where id=#{id}
</update>