【原创】MVC+ZTree实现权限树的功能
2、html代碼
權限樹：
3、JS代碼
var setting = {
async: {
enable: true,
url: '/RoleToPerssion/GetPerssionTree',//異步加載時的請求地址
autoParam: ["roleid"],//提交參數
type: 'get',
dataType: 'json'
},
check: {
enable: true, ? //true / false 分別表示 顯示 / 不顯示 復選框或單選框
autoCheckTrigger: true, ? //true / false 分別表示 觸發 / 不觸發 事件回調函數
chkStyle: "checkbox", ? //勾選框類型(checkbox 或 radio）
//chkboxType: { "Y": "p", "N": "s" } ? //勾選 checkbox 對于父子節點的關聯關系
},
checkable: true,
showIcon: true,
showLine: true,
data: {
simpleData: {
enable: true
}
},
expandSpeed: "",
callback: {
onClick: zTreeOnClick
}
};
$(document).ready(function () {
$.ajax({
url: '/RoleToPerssion/GetPerssionTree?roleid=""',//異步加載時的請求地址
type: 'get',
dataType: 'json',
success: function (data) {
$.fn.zTree.init($("#treeDemo"), setting, data);
}
});
});
//單擊時獲取zTree節點的Id,和value的值
function zTreeOnClick(event, treeId, treeNode, clickFlag) {
// var treeValue = treeNode.Id + "," + treeNode.name;
//alert(treeNode.Id + "," + treeNode.name);
};
//獲取選中value值
function GetIDs() {
var treeObj = $.fn.zTree.getZTreeObj("treeDemo"),
nodes = treeObj.getCheckedNodes(true),
v = "";
var ids = "";
for (var i = 0; i < nodes.length; i++) {
v += nodes[i].name + ",";
if (nodes[i].PId != "0") {
ids += nodes[i].Id + ",";
}
}
}
4、Mvc后臺主要代碼
public class PerssonTreeModel
{
public string Id { get; set; }
///
/// 權限名稱
///
public string name { get; set; }
public string PId { get; set; }
///
/// 子節點
///
public List children { get; set; }
///
/// 是否有復選框
///
public bool nocheck { get; set; }
///
/// 是否展開節點
///
public bool open { get; set; }
}
///
/// 獲取目錄樹的json
///
///
///
public JsonResult GetPerssionTree(string roleid)
{
var parentlist = perssionbll.GetAllList().Where(m=>m.ParentId=="0").ToList();
var childrenlist = perssionbll.GetAllList().Where(m => m.ParentId != "0").ToList();
var result = new List();
if (parentlist!=null && parentlist.Count>0)
{
foreach(var item in parentlist)
{
result.Add(new PerssonTreeModel {
Id = item.id,
name = item.Title,
PId = item.ParentId,
nocheck = true,
open = true,
children = GetChildrenList(item.id,childrenlist)
});
}
}
return Json(result,JsonRequestBehavior.AllowGet);
}
///
/// 獲取一級權限下面的子節點
///
///
///
///
public List GetChildrenList(string id, List list)
{
var result = new List();
list = list.Where(m => m.ParentId == id).ToList();
if (list != null && list.Count > 0)
{
foreach (var item in list)
{
result.Add(new PerssonTreeModel
{
Id = item.id,
name = item.Title,
PId = id,
open = false,
nocheck = false,
children = null
});
}
}
return result;
}
5、最終效果圖：
我的博客原文地址：http://www.cnblogs.com/hgmyz/p/7441376.html
公眾號原文
總結
以上是生活随笔為你收集整理的【原创】MVC+ZTree实现权限树的功能的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 定制自己的Unity场景编辑工具界面（一
- 下一篇： java 登录拦截器_springMV