jquery实现保存已选用户


Posted in Javascript onJuly 21, 2014

1介绍

功能要求:

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

2 页面选项动态加载(部门及用户)

3 保存勾选的用户

实现分析:

保存已选用户逻辑:

删除原来已选择的用户记录列表(相当于清空操作)
添加新选择用户记录列表
页面

 1 保存共享文件

// 保存共享文件
  function shareFile(){
    // 参数
    var signid = chooseObj.id;
    var objtype = chooseObj.type;
    var userlist = "";
    $("input[name=shareUserId]").each(function(){
       // 此时的this 就是那个 html中的 那个checkbox对象。所以通过
       // this.checked 直接访问属性都是可以的 
       if($(this).attr('checked')){
         userlist = userlist+$(this).val()+","
       }
    });
    if(userlist.length>0){
      userlist = userlist.substring(0, userlist.length-1)
    }
    $.ajax({
      url : '../share/shareFile.do',
      //url:'${ctx}/index.jsp',
      cache : false,
      type : 'post',
      dataType : 'html',
      async : false,
      contentType : "application/x-www-form-urlencoded;charset=utf-8",
      data : {
        'signid' : signid,
        'objtype' : objtype,
        'userlist':userlist
      },
      success : function(ret) {
        // 异常处理
        if(ret==3){
          handleWarm("目标文件夹是自己"); 
          return;
        }else if(ret==2){
          handleWarm("不能移动至子目录"); 
          return;
        } 
        // closeflowcontent('fxcontentflow');
        refreshThisContent();
      }
    })
  }

页面选项内容html参考(仅供参考,无需实现)

<div class="fxtitle">院领导</div>
  <ul class="fxxz">
    <li><input type="checkbox" name="shareUserId" value="xiaolin">肖林 </li>
    <li><input type="checkbox" name="shareUserId"
      value="wangshuotong">王硕佟 </li>
    <li><input type="checkbox" name="shareUserId"
      value="wangshengyang">汪胜洋 </li>
    <li><input type="checkbox" name="shareUserId" value="qifeng">齐峰 </li>
    <li><input type="checkbox" name="shareUserId" value="tangyiwen">唐忆文 </li>
    <li><input type="checkbox" name="shareUserId"
      value="zhanglisheng">张利生 </li>
    <li><input type="checkbox" name="shareUserId" value="zhengshao">郑韶 </li>
  </ul>
  <div class="fxtitle">办公室</div>
  <ul class="fxxz">
    <li><input type="checkbox" name="shareUserId" value="lujianping">陆建平 </li>
    <li><input type="checkbox" checked="true" name="shareUserId"
      value="guoshunlan">郭顺兰 </li>
    <li><input type="checkbox" name="shareUserId" value="fangying">方颖 </li>
    <li><input type="checkbox" name="shareUserId" value="jiaoxiaojun">焦晓君 </li>
    <li><input type="checkbox" checked="true" name="shareUserId"
      value="songweilei">宋维蕾 </li>
    <li><input type="checkbox" name="shareUserId" value="zhangxinmin">张新民 </li>
    <li><input type="checkbox" checked="true" name="shareUserId"
      value="lijing">李靖 </li>
    <li><input type="checkbox" name="shareUserId" value="wangkaiyu">王开宇 </li>
  </ul>

后台代码
controller层

public void shareFile(HttpServletRequest request,HttpServletResponse response) { 
    
    String signid = request.getParameter("signid") == null? "": request.getParameter("signid"); 
    String objtype = request.getParameter("objtype") == null? "": request.getParameter("objtype"); 
    String userlist = request.getParameter("userlist") == null?"": request.getParameter("userlist"); 
    User user = (User)request.getSession().getAttribute("user"); 
      
    int result = fileShareManager.shareFile(signid, objtype, userlist, user.getUserid().getValue()); 
    try{ 
      request.setCharacterEncoding("UTF-8"); 
      PrintWriter pw = response.getWriter();  
      pw.write("" + result); 
      pw.flush(); 
      pw.close(); 
    }catch (Exception e) { 
      // TODO: handle exception 
      e.printStackTrace(); 
    } 
      
  }

service层

/** 
   * 指定共享文件、文件夹 
   * 
   * @param signid 文件夹id/文件id      
   * @param objtype 操作对象类型(1:file、2:folder) 
   * @param userlist 分享用户范围 
   * @return 0表示操作失败/1表示操作成功 
   * 
   */ 
  public int shareFile(String signid, String objtype, String userlist, String sharer) { 
    // 删除共享记录 
    fileShareDao.deleteFileshare(signid, objtype);    
    // 新建共享记录 
    String users[] = userlist.split(","); 
    
    // 保存每一个共享用户 
    for (int i = 0; i < users.length && !users[0].equals(""); i++) { 
        WpFileshare wpFileshare = new WpFileshare();       
        wpFileshare.setSharer(sharer); 
        wpFileshare.setShareuser(users[i]);  
        wpFileshare.setSharetime(new Date()); 
        fileShareDao.saveFileshare(wpFileshare); 
    } 
  }
Javascript 相关文章推荐
JavaScript String.replace函数参数实例说明
Jun 06 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
Dec 16 Javascript
jQuery Ajax()方法使用指南
Nov 19 Javascript
在JavaScript的正则表达式中使用exec()方法
Jun 16 Javascript
详解JavaScript基本类型和引用类型
Dec 09 Javascript
JavaScript String 对象常用方法详解
May 13 Javascript
Node.js学习入门
Jan 03 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
vue使用axios上传文件(FormData)的方法
Apr 14 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 Javascript
jquery实现显示已选用户
Jul 21 #Javascript
jquery操作checkbox示例分享
Jul 21 #Javascript
jquery常用操作小结
Jul 21 #Javascript
JavaScript中的apply和call函数详解
Jul 20 #Javascript
一行命令搞定node.js 版本升级
Jul 20 #Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 #Javascript
JavaScript中伪协议 javascript:使用探讨
Jul 18 #Javascript
You might like
SSI指令
2006/11/25 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
简单的JS多重继承示例
2008/03/13 Javascript
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
解析jQuery与其它js(Prototype)库兼容共存
2013/07/04 Javascript
node.js中的fs.fstatSync方法使用说明
2014/12/15 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
vue forEach循环数组拿到自己想要的数据方法
2018/09/21 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
Vue实现简易购物车页面
2020/12/30 Vue.js
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
Python脚本实现DNSPod DNS动态解析域名
2015/02/14 Python
详解Python的单元测试
2015/04/28 Python
Python3读取zip文件信息的方法
2015/05/22 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
介绍一下Java的事务处理
2012/12/07 面试题
单位刻章介绍信范文
2014/01/11 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
七一表彰大会简报
2015/07/20 职场文书
新党员入党决心书
2015/09/22 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书
go xorm框架的使用
2021/05/22 Golang
python基于turtle绘制几何图形
2021/06/15 Python
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android