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 相关文章推荐
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
JSON 和 JavaScript eval使用说明
Jun 13 Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
js实现的牛顿摆效果
Mar 31 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
VUEJS实战之利用laypage插件实现分页(3)
Jun 13 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
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
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
Yii中使用PHPExcel导出Excel的方法
2014/12/26 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
laravel model模型定义实现开启自动管理时间created_at,updated_at
2019/10/17 PHP
静态的动态续篇之来点XML
2006/12/23 Javascript
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
2014/07/01 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
浅析javascript的间隔调用和延时调用
2014/11/12 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
Javascript中浏览器窗口的基本操作总结
2016/08/18 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
jquery.validate表单验证插件使用详解
2017/06/21 jQuery
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
NodeJs通过async/await处理异步的方法
2017/10/09 NodeJs
解决vuecli3.0热更新失效的问题
2018/09/19 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
python 实现兔子生兔子示例
2019/11/21 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
Django中使用Celery的方法步骤
2020/12/07 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
迟到检讨书大全
2014/01/25 职场文书
新闻编辑专业毕业自荐书范文
2014/02/05 职场文书
连锁酒店店长职责范本
2014/02/13 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
党员教师一句话承诺
2014/05/30 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
银行招聘自荐信
2015/03/06 职场文书
公司总经理岗位职责
2015/04/01 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
运动员入场前导词
2015/07/20 职场文书
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang