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实现鼠标经过显示动画边框特效
Mar 24 jQuery
jQuery中的deferred使用方法
Mar 27 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
jQuery ajax调用webservice注意事项
Oct 08 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
JQuery特殊效果和链式调用操作示例
May 13 jQuery
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
jQuery插件实现图片轮播效果
Oct 19 jQuery
jQuery实现简单评论区功能
Oct 26 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
php imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
Laravel多用户认证系统示例详解
2018/03/13 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
玩转方法:call和apply
2014/05/08 Javascript
JavaScript模板引擎用法实例
2015/07/10 Javascript
JavaScript编写简单的计算器
2015/11/25 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
2016/09/28 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
vue项目中添加单元测试的方法
2018/07/21 Javascript
python求素数示例分享
2014/02/16 Python
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
解决DataFrame排序sort的问题
2018/06/07 Python
python去掉 unicode 字符串前面的u方法
2018/10/21 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
flask框架路由常用定义方式总结
2019/07/23 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
在django中自定义字段Field详解
2019/12/03 Python
python实现加密的方式总结
2020/01/19 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
利用Python函数实现一个万历表完整示例
2021/01/23 Python
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
汽车技术服务与营销专业推荐信
2013/11/29 职场文书
期末自我鉴定
2014/02/02 职场文书
本科毕业生专业自荐书范文
2014/02/05 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
Python利用机器学习算法实现垃圾邮件的识别
2021/06/28 Python
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers