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 11 jQuery
基于jQuery实现文字打印动态效果
Apr 21 jQuery
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
详解jquery和vue对比
Apr 16 jQuery
jQuery操作动画完整实例分析
Jan 10 jQuery
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
jQuery实现动态向上滚动
Dec 21 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安装问题
2006/10/09 PHP
在线短消息收发的程序,不用数据库
2006/10/09 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
Thinkphp无限级分类代码
2015/11/11 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
js停止输出代码
2008/07/20 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
linux 下实现python多版本安装实践
2014/11/18 Python
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
浅谈python中set使用
2016/06/30 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
Django admin美化插件suit使用示例
2017/12/12 Python
pytorch 数据集图片显示方法
2018/07/26 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
如何将整数int转换成字串String
2014/03/21 面试题
优秀毕业生求职信范文
2014/01/02 职场文书
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
机关作风建设自查报告
2014/10/22 职场文书
学生党员检讨书范文
2014/12/27 职场文书
三八妇女节寄语
2015/02/27 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技