jQuery 开发之EasyUI 添加数据的实例
程序员文章站
2022-07-06 21:19:53
jquery 开发之easyui 添加数据的实例
1、创建toolbar:
toolbar:[{
text:'增加',
iconcls:'icon-...
jquery 开发之easyui 添加数据的实例
1、创建toolbar:
toolbar:[{ text:'增加', iconcls:'icon-add', handler:function(){ openadduserdialog(); } }]
2、添加dialog,里面有添加用户的表单
<div id="adddialog" data-options="closed:true,modal:true,title:'adduser', buttons:[{ text:'保存', iconcls:'icon-add', handler:function(){ //adduser(); $('#addform').form('submit',{url:'${rootpath}/user_add.action',success:function(data){ var result = jquery.parsejson(data); if(result.success){ //$("#datagrid").datagrid('reload'); $("#adddialog").dialog('close'); //把插入的数据添加到最后一行 //$("#datagrid").datagrid('appenrow',result.obj); $("#datagrid").datagrid('insertrow',{ index:0; row:result.obj//obj里面存了user对象 }); } $.message.show({ title:'提示', msg:obj.msg }); }}); } }]" class="easyui-dialog"> <table> <tr> <th></th> <tr/> </table> </div>
3、打开对话框:
function openadduserdialog(){ $(“#adddialog").dialog('open'); }
4、服务器端返回的json
//返回的json public class json implements java.io.serializable { /** * */ private static final long serialversionuid = 1l; private boolean success = false; private string msg = ""; private object obj = null; public boolean issuccess() { return success; } public void setsuccess(boolean success) { this.success = success; } public string getmsg() { return msg; } public void setmsg(string msg) { this.msg = msg; } public object getobj() { return obj; } public void setobj(object obj) { this.obj = obj; } }
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
上一篇: 微信小程序之滚动视图容器的实现方法
下一篇: 基于Bootstrap表单验证功能