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 装载iframe子页面,自适应高度
Mar 20 Javascript
js静态方法与实例方法分析
Jul 04 Javascript
JS对象与JSON格式数据相互转换
Feb 20 Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 Javascript
javascript 回到顶部效果的实现代码
Feb 17 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
thinkjs之页面跳转同步异步操作
Feb 05 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 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 代码规范小结
2012/03/08 PHP
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
关于js和php对url编码的处理方法
2014/03/04 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
Laravel 关联模型-关联新增和关联更新的方法
2019/10/10 PHP
CSDN轮换广告图片轮换效果
2007/03/27 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
js parseInt(&quot;08&quot;)未指定进位制问题
2010/06/19 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
layui自己添加图片按钮并点击跳转页面的例子
2019/09/14 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
JavaScript ES 模块的使用
2020/11/12 Javascript
利用JavaScript为句子加标题的3种方法示例
2021/01/05 Javascript
[00:27]DOTA2荣耀之路2:Patience from zhou!
2018/05/24 DOTA
举例讲解Python中的算数运算符的用法
2015/05/13 Python
使用Python来开发Markdown脚本扩展的实例分享
2016/03/04 Python
python中subprocess批量执行linux命令
2018/04/27 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
苹果音乐订阅:Apple Music
2018/08/02 全球购物
购买原创艺术品:Zatista
2019/11/09 全球购物
关于Java String的一道面试题
2013/09/29 面试题
医学护理毕业生自荐信
2013/11/07 职场文书
党员2014两会学习心得体会
2014/03/17 职场文书
课前一分钟演讲稿
2014/08/26 职场文书
2014年幼儿园重阳节活动方案
2014/09/16 职场文书
HTML基础详解(上)
2021/10/16 HTML / CSS