效果图：
自己可以添加内容；
引用：amazeui前端框架：
弹出页面：
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
取消
提交
触发按钮：
js:
//按钮触发
function creditApplyAmount(id) {
//页面处理按钮的提交
$('#handle-form-modal-credit').modal({
relatedTarget: this,
closeViaDimmer:false,//点击遮罩层时关闭 Modal
closeOnConfirm:false,//点击确认时不关闭窗口
onConfirm: function(e) {
var apply_amount = $("#creditApplyAmount1").val();
var capital_source = $("#table-item-capital-source").val();
$.ajax({
type:"POST",
// contentType:"application/json", //WebService 会返回Json类型
url:basePath+"credit/updateLoanApplyCredit",
data:
{"id":id,"apply_amount":apply_amount,"capital_source":capital_source},
dataType:"json",
success:function(data){
if(data==1){
$('#handle-form-modal-credit').modal('close');
$("#creditApplyAmount1").val("");
$("#table-item-capital-source option[value='0']
").attr("selected",true);
alert("成功!");
//刷新页面
commitAjax({'url':getDataUrl(),
'param':getQueryCondition()});
}else{
alert("失败!");
}
},
error:function(){
alert("异常");
}
});
},
onCancel: function(e) {
var apply_amount = $("#creditApplyAmount1").val("");
$("#table-item-capital-source option[value='0'] ").attr("selected",true);
//alert('你取消提交了!');
}
});
}
后端代码：
/**
* xxxxx
* @param loanApply
* @param request
* @return
*/
@RequestMapping("/updateLoanApplyCredit")
@ResponseBody
public Integer updateLoanApplyCredit(
LoanApply loanApply,
HttpServletRequest request)
{
Integer a = 0;
try {
a = service.updateLoanApplyAmount(loanApply);
BaseController.saveLog(
SecurityUtils.getSubject().getPrincipals().toString(),
DateUtils.getCurrentDate("yyyy-MM-dd HH:mm:ss"),
DateUtils.getCurrentDate("yyyy-MM-dd HH:mm:ss"),
BaseController.getRequestIp(request), "xxxxx",
"xxxxxxx", 1, 1, "");
}
catch (Exception e)
{
BaseController.saveLog(
SecurityUtils.getSubject().getPrincipals().toString(),
DateUtils.getCurrentDate("yyyy-MM-dd HH:mm:ss"),
DateUtils.getCurrentDate("yyyy-MM-dd HH:mm:ss"),
BaseController.getRequestIp(request), "xxxxx",
"xxxxxxx, 0, 1, "");
}
return a;
}
