DIV CSS 佈局教程網

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); 
    } 
  }