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 禁止鼠标右键并监听右键事件
Apr 27 jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
jquery分页优化操作实例分析
Aug 23 jQuery
深入分析jQuery.one() 函数
Jun 03 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 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
PHP函数utf8转gb2312编码
2006/12/21 PHP
一个基于PDO的数据库操作类
2011/03/24 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
PHP从零开始打造自己的MVC框架之类的自动加载实现方法详解
2019/06/03 PHP
php新建文件的方法实例
2019/09/26 PHP
深入浅析Node.js 事件循环
2015/12/20 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
微信小程序 保留小数(toFixed)详细介绍
2016/11/16 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
微信小程序textarea层级过高的解决方法
2019/03/04 Javascript
JQuery事件委托原理与用法实例分析
2019/05/13 jQuery
javascript 易错知识点实例小结
2020/04/25 Javascript
[11:57]《一刀刀一天》第十七期:TI中国军团加油!
2014/05/26 DOTA
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
Python的Tkinter点击按钮触发事件的例子
2019/07/19 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
Python环境下安装PyGame和PyOpenGL的方法
2020/03/25 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
Jupyter notebook无法导入第三方模块的解决方式
2020/04/15 Python
英国最大的在线奢侈手表零售商:Jura Watches
2018/01/29 全球购物
创意广告词
2014/03/17 职场文书
股权投资意向书
2014/04/01 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
中秋节国旗下演讲稿
2014/09/13 职场文书
2014年幼儿园小班工作总结
2014/12/04 职场文书
七一晚会主持词
2015/06/29 职场文书
社区低保工作总结2015
2015/07/23 职场文书
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python