1.首先进入新增页面,填写信息,勾选复选框。如图所示:
这里勾选了选手
2.点击保存按钮,保存成功,在数据库对应会有相应的值保存,如图所示,按钮类型里有值0,对应复选框选手。
3.现在,要后台管理页面点击编辑时,出现我的编辑页面将刚才复选框里的信息显示出来。如图所示:
4.首先思路:要从数据库里查询按钮类型的值,获取数组中的值得集合(也可以是单值),最后将获取到的值返回页面,在页面上显示。
后台部分程序如下:
//进入更新编辑按钮页面
List<ButtonType> buttonTypeList;
JSONArray jsonArray;
public String joinUpdateHomeButton(){
homeButton = homeButtonService.findHomeButtonById(homeButton.getId());
buttonTypeList=buttonTypeService.findButtonTypeListByButtonId(homeButton.getId());
JSONArray jr = new JSONArray();
jsonArray = jr.fromObject(buttonTypeList);
return SUCCESS;
}
这里定义的一个进入编辑页面的方法,通过框架流程获取数据库里的按钮类型值得集合,将集合的值赋给json,通过json传给页面。
页面的iquery代码如下:
//复选框编辑回显
$(function(){
var json = ${jsonArray};
$.each(json,function(n,value) {
$("input[name='chebox']").each(function () {
if ($(this).val() == value.type) {
$(this).attr("checked",true);
}
});
});
});
点击编辑后,效果演示如下图: