首页 / JQUERY / jquery实现显示已选用户_jquery

jquery实现显示已选用户_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery实现显示已选用户_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3291字，纯文字阅读大概需要5分钟。

内容图文

选择用户是一个比较常用的功能，主要包含2个功能点（保存已选选项、显示已选用户）

功能要求：

1 选择用户界面以弹出框方式显示

2 页面选项动态加载（部门及用户）

3 已选用户以勾选方式显示

实现分析：

首先因为窗口是个弹出框，所以页面的内容主要是以异步方式获取。因为内容分为两个部分（1待选项、2选中项）所以就有两种处理方法.

方法1：后台根据数据（1待选项、2选中项）生成完整的html代码，通过一次异步操作返回

方法2：待选项、和选中项通过2次异步方法获取，然后在页面js事项选中效果。

因为不喜欢把很多逻辑写在页面上，所以比较喜欢第一种方案，也比较推荐。

页面

1 弹出选择共享文件的对话框
逻辑：1 异步调用 showShareRange 方法，获得完整的html代码。

2 弹出框界面代码

 
 
 
  
分享文件

后台代码
controller

/** 
   * 显示指定文件、文件夹的共享范围（共享用户） 
   * @param request 
    ?  fileid  选中的文件id 
?      folderid 选中的文件夹id 
      objtype  操作对象类型（file、folder） 
   * @param response 
   * @throws Exception 
   * @ 
   * return 0表示无权限操作/1表示有权限操作 
   * 
   */ 
  public void showShareRange(HttpServletRequest request,HttpServletResponse response) { 
    String signid = request.getParameter("signid") == null ? "" : request.getParameter("signid"); 
    String objtype = request.getParameter("objtype") == null ? "" : request.getParameter("objtype"); 
    // 获得当前共享用户 
    List userIdList= fileShareManager.showShareRange(signid, objtype); 
    try { 
      // 把共享范围转换成html格式 
      String str = fileShareManager.trunToShareRangeHtml(userIdList); 
      response.setCharacterEncoding("UTF-8"); 
      PrintWriter pw = response.getWriter(); 
      pw.write(str); 
      pw.flush(); 
      pw.close(); 
    } catch (Exception e) { 
      // TODO Auto-generated catch block 
      logger.info(e); 
      e.printStackTrace(); 
    } 
  }

service

/** 
   * 把共享范围转换成html格式 
   * @param userIdList 已经共享的人员列表 
   * @return 
   * @throws Exception 
   */ 
  public String trunToShareRangeHtml(List userIdList) throws Exception{ 
    IOrgServiceClient client = new IOrgServiceClient(); 
    IOrgServicePortType service = client.getIOrgServiceHttpPort(); 
    List deptlist = Ws_DeptCenter.getAllDepts(); 
    Map map = new HashMap(); 
    StringBuffer sb = new StringBuffer(); 
    //循环每个的部门 
    for(WebDeptment dept:deptlist){ 
      log.info(dept.getDepId()); 
      List userList = userManager.getUserListByDeptid(dept.getDepId(),dept.getActdepId(), service); 
      sb.append("
"+dept.getDepMiniName()+"
"); 
        sb.append("
    "); 
          //循环每个的部门用户 
          for(DmUser user:userList){ 
            String userid = user.getUserId(); 
            String username = user.getUserName(); 
            sb.append("
  • "); 
            // 用户是否属是共享用户 
            if(userIdList.contains(userid)){ 
              log.info(userid); 
              sb.append("").append(username).append(" ");  
            }else{ 
              sb.append("").append(username).append(" "); 
            } 
            sb.append("
    • "); 
          } 
        sb.append("
"); 
    } 
    return sb.toString(); 
  }

service 生成的html参考（仅供参考，无需实现）

院领导
 
  
     
    
  • 肖林 
    •  
    
  • 王硕佟 
    •  
    
  • 汪胜洋 
    •  
    
  • 齐峰 
    •  
    
  • 唐忆文 
    •  
    
  • 张利生 
    •  
    
  • 郑韶 
    •  
  
 
  
办公室
 
  
     
    
  • 陆建平 
    •  
    
  • 郭顺兰 
    •  
    
  • 方颖 
    •  
    
  • 焦晓君 
    •  
    
  • 宋维蕾 
    •  
    
  • 张新民 
    •  
    
  • 李靖 
    •  
    
  • 王开宇 
    •

内容总结

以上是互联网集市为您收集整理的jquery实现显示已选用户_jquery全部内容，希望文章能够帮你解决jquery实现显示已选用户_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/321511.html

来源：【匿名】