jquery結(jié)構(gòu)樹,html樹形結(jié)構(gòu)
Jquery樹形結(jié)構(gòu)移動權(quán)限怎么寫
這是JQ的前臺代碼
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名申請、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、赤峰林西網(wǎng)站維護、網(wǎng)站推廣。
function zTreeOnDrop(event, treeId, treeNodes, targetNode, moveType) {
var DeptIds = "";
for (var i = 0; i treeNodes.length; i++) {
DeptIds += treeNodes[i].DeptId;
if (i != treeNodes.length - 1) {
DeptIds += "|";
}
}
var params = "DeptIds=" + DeptIds + "TargetId=" + targetNode.DeptId;
$.submit({
url: "%=AppPath.Domain %/Controllers/CorpDeptInfoAction.ashx?__method=drag",
data: params,
success: function(oData) {
var treeObj = $.fn.zTree.getZTreeObj("rightTree");
for (var i = 0; i treeNodes.length; i++) {
treeObj.moveNode(targetNode, treeNodes[i], 'inner');
}
},
error: function(oData) {
$.alert(oData.Message);
}
});
};
function zTreeBeforeDrag(treeId, treeNodes) {
return true;
};
后臺代碼你自己改下
//移動權(quán)限
private string Drag(HttpContext context)
{
string result = AppAction.ERROR;
string message = "";
log.Debug("[Update]: 更新權(quán)限表");
try
{
string DeptIds = context.Request.Form["DeptIds"];
string targetId = context.Request.Form["TargetId"];
string[] DeptIdList = DeptIds.Split('|');
IListCorpDeptInfo corpDeptInfoList = new ListCorpDeptInfo();
for (int i = 0; i DeptIdList.Length; i++)
{
CorpDeptInfo param = new CorpDeptInfo();
param.DeptId = DeptIdList[i];
CorpDeptInfo corpDeptInfo = corpDeptInfoService.GetCorpDeptInfoById(param);
corpDeptInfo.ParentId = targetId;
corpDeptInfoList.Add(corpDeptInfo);
}
int sResult = corpDeptInfoService.UpdateCorpDeptInfoListById(corpDeptInfoList);
switch (sResult)
{
case SystemRightService.SUCCESS:
result = AppAction.SUCCESS;
log.Debug("更新成功");
break;
default:
break;
}
}
catch (Exception ex)
{
message = "更新權(quán)限表失敗";
log.Error("更新失敗", ex);
}
Hashtable jsonHash = new Hashtable();
jsonHash.Add(AppAction.RESULT, result);
jsonHash.Add(AppAction.MESSAGE, message);
string jsonString = JsonMapper.ToJson(jsonHash);
return jsonString;
}
如何jquery的liger寫tree機構(gòu)樹案例
一，簡介
ligerTree的功能列表：
1,支持本地數(shù)據(jù)和服務(wù)器數(shù)據(jù)(配置data或者url)
2,支持原生html生成Tree
3,支持動態(tài)獲取增加/修改/刪除節(jié)點
4,支持大部分常見的事件
5,支持獲取選中行等常見的接口方法
二，第一個例子
引入庫文件
遵循LigerUI系列插件的設(shè)計原則(插件盡量單獨)，ligerTree是一個單獨的插件，也就是說只需要引入plugins/ligerTree.js和樣式css文件就可以使用(當(dāng)然必須先引入jQuery)，在這個例子中，我把tree用到的樣式和圖片分離了出來，有興趣的朋友可以下載來看看
script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript"/script
link href="lib/ligerUI/skins/Aqua/css/ligerui-tree.css" rel="stylesheet" type="text/css" /
script src="lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"/script
jquery做一個簡單的樹
你不必自己做了 jquery有很多插件實現(xiàn)樹狀分支，只要去jquery網(wǎng)查查插件就有了。可以推薦你一個ztree 國產(chǎn)的，功能十分豐富強大。我項目里也是用的它。
jquery. ztree 初始化的時候先獲取了一部分節(jié)點數(shù)據(jù)顯示樹結(jié)構(gòu)，當(dāng)點擊每個節(jié)點的時候需要
ztree異步加載節(jié)點的時候需要提供一個url。
ztree初始化完會向這個url發(fā)送一次請求【注意這個時候是不會帶參數(shù)的】。這個時候你需要返回給它你想要的節(jié)點。
ps:我是返回一個根節(jié)點給它。
然后在點擊此時的節(jié)點時候，還是會向這個url發(fā)送請求【此時會帶配置的參數(shù)】，如果你現(xiàn)在的處理方式和初始化之后那樣，就還是返回你開始的那些節(jié)點給你。
所以，你需要根據(jù)不同的動作來處理你的返回值。
async?:?{
enable?:?true,
url?:?_map.url,//異步路徑
autoParam?:?["id","name"?],//請求攜帶節(jié)點上的屬性值
dataFilter?:?function(treeId,?parentNode,?childNodes)?{
if?(!childNodes)return?null;
for?(var?i?=?0,?l?=?childNodes.length;?i??l;?i++)?{
var?_c=childNodes[i];
_c.isParent=_c.parent;
childNodes[i].name?=?_c.name.replace(/\.n/g,?'.');
}
return?childNodes;
}
},
//只是提供處理思路 不需要copy
@RequestMapping("/getOrg")
@ResponseBody
public? ListObjectTypeBean?getOrg(HttpServletRequest?request,ObjectTypeBean?bean,@RequestParam?MapString,String?para)?{
ListOrgBo?list?=?new?ArrayListOrgBo();
if(para.size()1){
OrgBo?bo?=?null;
bo?= orgService.getOrgByNo(GlobalValue.ORGROOT);
list.add(bo);
}else{
String?id?=?para.get("id");//根據(jù)父節(jié)點ID獲取子節(jié)點
list?=?orgTreeService.getChildOrgsForTree(id,Constants.DEFAULT_ORG_RELA_TYPE);//orgSpiService.getChildOrgs(id,?"");
}
ListObjectTypeBean???_list?=?new?ArrayListObjectTypeBean(list.size());
for(OrgBo?_b?:?list){
_list.add(new?ObjectTypeBean(_b.getNo(),?_b.getParentNo(),?_b.getShortName(),!_b.isLeaf()));
}
return?_list;
}
請問有盆友會使用Jquery制作樹形結(jié)構(gòu)的網(wǎng)頁設(shè)計嗎？感謝指教。希望盡快幫助！
你是說數(shù)據(jù)以樹形的方式顯示出來嗎？如果是的話，我百度空間里有一個例子，你可以去參看一下，希望能幫上你的忙。
當(dāng)前文章：jquery結(jié)構(gòu)樹,html樹形結(jié)構(gòu)
分享地址：http://chinadenli.net/article30/dseogso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、手機網(wǎng)站建設(shè)、搜索引擎優(yōu)化、網(wǎng)站設(shè)計、微信小程序、營銷型網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
