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 fadeTo方法调整图片的透明度使用介绍
May 06 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
AngularJS表达式讲解及示例代码
Aug 16 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
Vue源码探究之虚拟节点的实现
Apr 17 Javascript
koa2 从入门到精通(小结)
Jul 23 Javascript
Vue实现兄弟组件间的联动效果
Jan 21 Javascript
浅谈实现在线预览PDF的几种解决办法
Aug 10 Javascript
element多个表单校验的实现
May 27 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
PHP高手需要要掌握的知识点
2014/08/21 PHP
php获取从html表单传递数组的方法
2015/03/20 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
服务器安全设置的几个注册表设置
2007/07/28 Javascript
javascript hashtable实现代码
2009/10/13 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
javascript类型系统 Array对象学习笔记
2016/01/09 Javascript
Sort()函数的多种用法
2016/03/20 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
Bootstrap简单表单显示学习笔记
2016/11/15 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
2016/12/08 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
element ui table(表格)实现点击一行展开功能
2018/12/04 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
pycharm 使用心得(八)如何调用另一文件中的函数
2014/06/06 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
python批量复制图片到另一个文件夹
2018/09/17 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
Gucci法国官方网站:意大利奢侈品牌
2018/07/25 全球购物
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
乳制品整治工作方案
2014/05/29 职场文书
新书发布会策划方案
2014/06/09 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
平安家庭事迹材料
2014/12/20 职场文书
Pygame Draw绘图函数的具体使用
2021/11/17 Python