選擇使用者是比較常用的功能，主要包含2個功能點（儲存已選取選項、顯示已選取使用者）
功能需求：
1 選擇使用者介面以彈出框方式顯示
2 頁面選項動態載入（部門及使用者）
3 已選使用者以勾選方式顯示
實現分析：
首先因為視窗是個彈出框，所以頁面的內容主要是以非同步方式取得。因為內容分成兩個部分（1待選項、2選取）所以就有兩種處理方法.
方法1：後台根據資料（1待選項、2選取項目）產生完整的html代碼，透過一次非同步操作返回
方法2：待選項、和選取項目透過2次非同步方法獲取，然後在頁面js事項選取效果。
因為不喜歡把很多邏輯寫在頁面上，所以比較喜歡第一種方案，也比較推薦。
頁
1 彈出選擇共享檔案的對話框
邏輯：1 非同步呼叫 showShareRange 方法，取得完整的html程式碼。
//弹出选择共享文件的对话框
function showShareFile(){
disableFileArea();
if(!chooseObj.isChoosed()){
handleWarm("请先选择文件或者目录");
enableFileArea();
return;
}
$('#shareRange').html('');
showflowcontent('fxcontentflow');
$.ajax({
url : '../share/showShareRange.do',
//url:'${ctx}/index.jsp',
cache : false,
type : 'post',
dataType : 'html',
async : true,
contentType : "application/x-www-form-urlencoded;charset=utf-8",
data : {
'signid' :chooseObj.id,
'objtype' :chooseObj.type
},
success : function(html) {
$('#shareRange').html(html);
}
})
}
2 彈出框介面程式碼
<div class="flowcontent" id="fxcontentflow">
<div id="fxloadfile" class="content">
<div class="title"><strong>分享文件</strong><input type="button" class="closebtn gb" onClick="hideflowcontent(this)" title="关闭" /><input type="button" class="hidebtn" /></div>
<div class="body">
<div class="file" id='shareRange'><!-- 共享范围 -->
</div><!-- file -->
<div class="btns"><input type="button" class="submitbtn" value="" onClick="shareFile()" /><input type="button" class="cancelbtn gb" onClick="closeflowcontent('fxcontentflow')" /></div>
<div class="h30"></div>
</div>
</div>
</div>
後台程式碼
controller
/**
* 显示指定文件、文件夹的共享范围（共享用户）
* @param request
 fileid 选中的文件id
 folderid 选中的文件夹id
objtype 操作对象类型（file、folder）
* @param response
* @throws Exception
* @
* return 0表示无权限操作/1表示有权限操作
*
*/
public void showShareRange(HttpServletRequest request,HttpServletResponse response) {
String signid = request.getParameter("signid") == null ? "" : request.getParameter("signid");
String objtype = request.getParameter("objtype") == null ? "" : request.getParameter("objtype");
// 获得当前共享用户
List<String> userIdList= fileShareManager.showShareRange(signid, objtype);
try {
// 把共享范围转换成html格式
String str = fileShareManager.trunToShareRangeHtml(userIdList);
response.setCharacterEncoding("UTF-8");
PrintWriter pw = response.getWriter();
pw.write(str);
pw.flush();
pw.close();
} catch (Exception e) {
// TODO Auto-generated catch block
logger.info(e);
e.printStackTrace();
}
}
service
/**
* 把共享范围转换成html格式
* @param userIdList 已经共享的人员列表
* @return
* @throws Exception
*/
public String trunToShareRangeHtml(List<String> userIdList) throws Exception{
IOrgServiceClient client = new IOrgServiceClient();
IOrgServicePortType service = client.getIOrgServiceHttpPort();
List<WebDeptment> deptlist = Ws_DeptCenter.getAllDepts();
Map map = new HashMap();
StringBuffer sb = new StringBuffer();
//循环每个的部门
for(WebDeptment dept:deptlist){
log.info(dept.getDepId());
List<DmUser> userList = userManager.getUserListByDeptid(dept.getDepId(),dept.getActdepId(), service);
sb.append("<div class=\"fxtitle\">"+dept.getDepMiniName()+"</div>");
sb.append("<ul class=\"fxxz\">");
//循环每个的部门用户
for(DmUser user:userList){
String userid = user.getUserId();
String username = user.getUserName();
sb.append("<li>");
// 用户是否属是共享用户
if(userIdList.contains(userid)){
log.info(userid);
sb.append("<input type='checkbox' checked=true name='shareUserId' value ='").append(userid).append("'/>").append(username).append(" ");
}else{
sb.append("<input type='checkbox' name='shareUserId' value ='").append(userid).append("'/>").append(username).append(" ");
}
sb.append("</li>");
}
sb.append("</ul>");
}
return sb.toString();
}
service 產生的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>
