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

}

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

# EasyUI  # 添加数据  # 添加数据的实例代码  # 添加数据实现方法  # 扩展easyui.datagrid  # 添加数据loading遮罩效果代码  # 如有  # 希望能  # 谢谢大家  # 表单  # 对话框  # 存了  # 疑问请  # buttons  # addUser  # addForm  # title  # closed  # options  # modal  # true  # form  # var  # success  # result  # parseJSON 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  如何在七牛云存储上搭建网站并设置自定义域名？  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  如何在云虚拟主机上快速搭建个人网站？  如何在万网开始建站？分步指南解析  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  如何在阿里云通过域名搭建网站？  Laravel如何为API生成Swagger或OpenAPI文档  简历在线制作网站免费版,如何创建个人简历？  Laravel如何使用Eloquent进行子查询  如何选择可靠的免备案建站服务器？  如何续费美橙建站之星域名及服务？  如何在局域网内绑定自建网站域名？  魔方云NAT建站如何实现端口转发？  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  原生JS实现图片轮播切换效果  如何快速建站并高效导出源代码？  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  浅析上传头像示例及其注意事项  Python文件流缓冲机制_IO性能解析【教程】  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  Laravel中的withCount方法怎么高效统计关联模型数量  昵图网官方站入口 昵图网素材图库官网入口  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  如何制作一个表白网站视频,关于勇敢表白的小标题？  使用C语言编写圣诞表白程序  如何在IIS中新建站点并配置端口与物理路径？  Linux安全能力提升路径_长期防护思维说明【指导】  Linux系统命令中tree命令详解  Angular 表单中正确绑定输入值以确保提交与验证正常工作  香港服务器网站卡顿？如何解决网络延迟与负载问题？  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  iOS UIView常见属性方法小结  如何用搬瓦工VPS快速搭建个人网站？  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  如何快速生成可下载的建站源码工具？  焦点电影公司作品,电影焦点结局是什么？  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  网站制作价目表怎么做,珍爱网婚介费用多少？  Laravel如何使用Gate和Policy进行授权？（权限控制）  清除minerd进程的简单方法  javascript中数组（Array)对象和字符串（String)对象的常用方法总结  如何挑选优质建站一级代理提升网站排名？  Laravel怎么上传文件_Laravel图片上传及存储配置  Linux网络带宽限制_tc配置实践解析【教程】  Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】