本文主要介紹了jQuery 開發之EasyUI 添加數據的實例的相關資料,希望透過本文能幫助到大家,讓大家理解掌握這部分內容,需要的朋友可以參考下,希望能幫助到大家。
jQuery 開發之EasyUI 新增資料的實例
1、建立toolbar:
toolbar:[{ text:'增加', iconCls:'icon-add', handler:function(){ openAddUserDialog(); } }]
2、新增dialog,裡面有新增使用者的表單
<p 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> </p>
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; } }
相關推薦:
以上是jQuery EasyUI 新增資料實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!