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.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
jquery实现穿梭框功能
Jan 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
使用swoole扩展php websocket示例
2014/02/13 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
ext for eclipse插件安装方法
2008/04/27 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
2011/04/07 Javascript
js读取配置文件自写
2014/02/11 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
浅谈时钟的生成(js手写简洁代码)
2016/08/20 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
封装一下vue中的axios示例代码详解
2020/02/16 Javascript
Python日志模块logging简介
2015/04/13 Python
python中sys.argv参数用法实例分析
2015/05/20 Python
python写日志封装类实例
2015/06/28 Python
Python编程中的文件操作攻略
2015/10/16 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python引用类型和值类型的区别与使用解析
2017/10/17 Python
flask中主动抛出异常及统一异常处理代码示例
2018/01/18 Python
Python使用wxPython实现计算器
2018/01/30 Python
Python中实现变量赋值传递时的引用和拷贝方法
2018/04/29 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
求职自我推荐信
2014/06/25 职场文书
2015年学雷锋活动总结
2015/02/06 职场文书
观看建国大业观后感
2015/06/01 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL