jQuery 开发之EasyUI 添加数据的实例


Posted in jQuery onSeptember 26, 2017

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;
  }

}

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

jQuery 相关文章推荐
jQuery中map函数的两种方式
Apr 07 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
[jQuery] 事件和动画详解
Mar 05 jQuery
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
JQuery获得内容和属性方法解析
May 30 jQuery
jquery简易手风琴插件的封装
Oct 13 jQuery
jQuery实现计算器功能
Oct 19 jQuery
JS+jQuery实现注册信息的验证功能
Sep 26 #jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 #jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 #jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 #jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 #jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 #jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 #jQuery
You might like
跟我学Laravel之路由
2014/10/15 PHP
smarty表格换行实例
2014/12/15 PHP
JS面向对象编程之对象使用分析
2010/08/19 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
Node.js + express基本用法教程
2019/03/14 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
2020/08/10 Javascript
如何在vue中使用HTML 5 拖放API
2021/01/14 Vue.js
Windows下PyMongo下载及安装教程
2015/04/27 Python
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2018/04/12 Python
Python利用ORM控制MongoDB(MongoEngine)的步骤全纪录
2018/09/13 Python
Python安装selenium包详细过程
2019/07/23 Python
python3 dict ndarray 存成json,并保留原数据精度的实例
2019/12/06 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
python为什么要安装到c盘
2020/07/20 Python
医学护理毕业生自荐信
2013/11/07 职场文书
路政管理专业推荐信
2013/11/11 职场文书
学习新党章思想汇报
2014/01/09 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
《只有一个地球》教学反思
2014/02/14 职场文书
计划生育宣传标语
2014/06/21 职场文书
担保贷款承诺书
2015/04/30 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
python实现的人脸识别打卡系统
2021/05/08 Python