jquery實現(xiàn)保存已選用戶
1介紹
功能要求:
1 選擇用戶界面以彈出框方式顯示
2 頁面選項動態(tài)加載(部門及用戶)
3 保存勾選的用戶
實現(xiàn)分析:
保存已選用戶邏輯:
刪除原來已選擇的用戶記錄列表(相當(dāng)于清空操作)
添加新選擇用戶記錄列表
頁面
1 保存共享文件
// 保存共享文件
function shareFile(){
// 參數(shù)
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("目標(biāo)文件夾是自己");
return;
}else if(ret==2){
handleWarm("不能移動至子目錄");
return;
}
// closeflowcontent('fxcontentflow');
refreshThisContent();
}
})
}
頁面選項內(nèi)容html參考(僅供參考,無需實現(xiàn))
<div class="fxtitle">院領(lǐng)導(dǎo)</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);
}
}
- jquery實現(xiàn)顯示已選用戶
- jQuery制作仿騰訊web qq用戶體驗桌面
- 增強(qiáng)用戶體驗友好性之jquery easyui window 窗口關(guān)閉時的提示
- 基于jquery ajax 用戶無刷新登錄方法詳解
- 使用Jquery打造最佳用戶體驗的登錄頁面的實現(xiàn)代碼
- 基于jQuery實現(xiàn)的Ajax 驗證用戶名是否存在的實現(xiàn)代碼
- JQuery運用ajax注冊用戶實例(后臺asp.net)
- jQuery+Ajax用戶登錄功能的實現(xiàn)
- asp.net jQuery Ajax用戶登錄功能的實現(xiàn)
- jquery ajax 檢測用戶注冊時用戶名是否存在
相關(guān)文章
jquery對所有input type=text的控件賦值實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query對所有input type=text的控件賦值實現(xiàn)方法。小編覺的挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jQuery+ajax實現(xiàn)動態(tài)執(zhí)行腳本的方法
這篇文章主要介紹了jQuery+ajax實現(xiàn)動態(tài)執(zhí)行腳本的方法,分析了jQuery+Ajax實現(xiàn)腳本的動態(tài)加載與執(zhí)行的技巧,需要的朋友可以參考下2015-01-01
jQuery ui 利用 datepicker插件實現(xiàn)開始日期(minDate)和結(jié)束日期(maxDate)
這篇文章主要介紹了jQuery ui 利用 datepicker插件實現(xiàn)開始日期(minDate)和結(jié)束日期(maxDate),需要的朋友可以參考下2014-05-05

