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 html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
jQuery关于导航条背景切换效果实现示例
Sep 04 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
Jul 26 Javascript
js实现浏览器倒计时跳转页面效果
Aug 12 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
vue中使用localstorage来存储页面信息
Nov 04 Javascript
使用Vue开发一个实时性时间转换指令
Jan 17 Javascript
了解JavaScript中let语句
May 30 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图片上传类带图片显示
2006/11/25 PHP
PHP学习笔记之字符串编码的转换和判断
2014/05/22 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
PHP会员找回密码功能的简单实现
2016/09/05 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
2014/03/08 Javascript
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
浅谈jQuery 选择器和dom操作
2016/06/07 Javascript
javascript 广告移动特效的实现代码
2016/06/25 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
nodejs通过钉钉群机器人推送消息的实现代码
2019/05/05 NodeJs
怎样在vue项目下添加ESLint的方法
2019/05/16 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
Python中的类与对象之描述符详解
2015/03/27 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python循环语句中else的用法总结
2016/09/11 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
Python字典对象实现原理详解
2019/07/01 Python
一行Python代码过滤标点符号等特殊字符
2019/08/12 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
python 批量将中文名转换为拼音
2021/02/07 Python
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
IWOOT美国:新奇的小玩意
2018/04/27 全球购物
Michael Kors英国官网:美国奢侈品品牌
2019/11/13 全球购物
大学生饮食配送创业计划书
2014/01/04 职场文书
人事科岗位职责范本
2014/03/02 职场文书
2015年会计工作总结范文
2015/05/26 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书