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 相关文章推荐
读jQuery之一(对象的组成)
Jun 11 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
javascript判断变量是否有值的方法
Apr 20 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
Javascript数组Array方法解读
Mar 13 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
JavaScript实现图片轮播特效
Oct 23 Javascript
es6 super关键字的理解与应用实例分析
Feb 15 Javascript
微信小程序实现首页弹出广告
Dec 03 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
Laravel框架使用Redis的方法详解
2018/05/30 PHP
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
IE6下通过a标签点击切换图片的问题
2010/11/14 Javascript
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
Bootstrap响应式表格详解
2017/05/23 Javascript
js实现关闭网页出现是否离开提示
2017/12/07 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
ES6 十大特性简介
2020/12/09 Javascript
python显示生日是星期几的方法
2015/05/27 Python
python列表的常用操作方法小结
2016/05/21 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
Python 常用的安装Module方式汇总
2017/05/06 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
Random 在 Python 中的使用方法
2018/08/09 Python
python 获取url中的参数列表实例
2018/12/18 Python
Python Pandas数据结构简单介绍
2019/07/03 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
乡镇组织委员个人整改措施
2014/09/16 职场文书
2015年清明节网上祭英烈活动总结
2015/03/26 职场文书
浅谈Python中的正则表达式
2021/06/28 Python