easyui表单多Bean加载与提交

来源：互联网发布：文明6 简体中文 mac版编辑：程序博客网时间：2024/05/22 07:50
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><link rel="stylesheet" type="text/css" href="../../css/easyui/themes/default/easyui.css" ><link rel="stylesheet" type="text/css" href="../../css/easyui/themes/icon.css" ><script type="text/javascript" src="../../js/lib/jquery.min.js"></script><script type="text/javascript" src="../../js/lib/jquery.easyui.min.js"></script><script type="text/javascript" src="../../js/util/easyuiUtil.js"></script></head><body><form id="fm" method="post" enctype="multipart/form-data"  style="text-align:left"> <input class="easyui-textbox" name="users[0].username"><input class="easyui-datebox" name="users[0].makedatetime"> <input class="easyui-textbox" name="users[1].username">  <input class="easyui-datebox" name="users[1].makedatetime"><input   name="users[0].file" class="easyui-filebox" data-options="buttonText:'上传文件',prompt:'支持上传小于10M的rar或pdf文件'"/><input  name="users[1].file" class="easyui-filebox" data-options="buttonText:'上传文件',prompt:'支持上传小于10M的rar或pdf文件'"/> <input class="easyui-textbox"  name="users[1].account.credit"> <input  name="users[1].auth" class="easyui-combobox" data-options="valueField: 'VALUE',textField: 'LABEL',data:statu_arr4" /> <a href="#" onclick="submit()">提交</a> <a href="#" onclick="inform()">加载数据</a></form><script type="text/javascript">var statu_arr4 = [{'LABEL': '是','VALUE': '1'},{'LABEL': '否','VALUE': '0'}];function submit(){$('#fm').form('submit',{queryParams:{},onSubmit: function(){},url:'../../hellow/getForm.do',success: function(result){}})}function inform(){$.get('../../hellow/inform.do',{},function(data){var params = {};var temp;params['users'] = eval('(' + data + ')');$('#fm').find('input').each(function(){var obj = $(this);   var name =obj.attr('textboxname');   if(name){   try{    console.log(name+'==='+eval('params.'+name));    temp = eval('params.'+name);    }catch(e){return false;}    if(obj.attr('class').indexOf('easyui-datebox')!=-1){temp = formate_date_2(temp);}if(obj.attr('class').indexOf('easyui-combobox')!=-1){obj.combobox('setValue',temp);return false;}    obj.textbox('setValue',temp);        }      });})}function formate_date_2(value){ var date = new Date(value); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); return y+'/'+m+'/'+d; }</script></body></html>


public class UserModel implements Serializable{/** *  */private static final long serialVersionUID = 1L;private List<User> users;public List<User> getUsers() {return users;}public void setUsers(List<User> users) {this.users = users;}UserModel(){}}

@RequestMapping("/getForm.do")public void getForm(UserModel users){for(User u :users.getUsers()){System.out.println(u.getUsername()+" "+u.getMakedatetime());System.out.println(u.getFile().getOriginalFilename());}}@RequestMapping("/inform.do")@ResponseBodypublic List<User> inForm(){List<User> list = new ArrayList<User>();User u = new User();u.setUsername("刘先生");u.setMakedatetime(new Date());User u2 = new User();u2.setUsername("liu");u2.setAuth("1");Account a = new Account();a.setCredit("123");u2.setMakedatetime(new Date());u2.setAccount(a);list.add(u);list.add(u2);return list;}
阅读全文
0 0