zTree组织机构树（涉及技术包含：zTree参数配置，ajax框架，jquery惊细控制对象，用户自定义控件，webmethod）
zTree组织机构树
其中关于zTree组织机构树，涉及模块如下，采用封装自定义控件，以便多处调用，自定义控件：uc_btnSelectOrganize.ascx
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="uc_btnSelectOrganize.ascx.cs" Inherits="HMFW.Web.UserControl.uc_btnSelectOrganize" %>
自定义控件：后台配置
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace HMFW.Web.UserControl
{
public partial class uc_btnSelectOrganize : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
int width = 180;
//txtOrganize.Width = Width == 0 ? (ShowClearBtn ? (width - 36) : (width - 16)) : Width;
//if (Width == 0)
// Width = 180;
//txtOrganize.Width = ShowClearBtn ? (Width - 36) : (Width - 16);
//width = ShowClearBtn ? (Width - 12) : (Width - 7);
//if (width < 140)
// width = 140;
imgclear.Visible = ShowClearBtn;
imgright.Visible = !ShowClearBtn;
hidOrganizeJb.Value = jb == -1 ? "" : Jb.ToString();
hidNeedJb.Value = NeedJb ? "1" : "";
imgselect.Visible = NeedSelectBut;
imgclear.Visible = NeedClearBut;
txtOrganize.Enabled = OrganizeEna;
}
#region 属性
///
/// 是否显示清空按钮
///
public bool ShowClearBtn { get; set; }
///
/// 文本框长度
///
public int Width { get; set; }
private int jb = -1;
///
/// 显示到级别 1省级 2市级 3县级 4乡镇级 5村级
///
public int Jb { get { return jb; } set { jb = value; } }
///
/// 地区控件Organize文件夹的相对位置 默认为../
///
public string BasePath
{
get { return hidOrganizepath.Value; }
set { hidOrganizepath.Value = value; }
}
///
/// 给搜索按钮设置方法
///
public string SetSearchFunction
{
get { return hidOrganizeFunction.Value; }
set { hidOrganizeFunction.Value = value; }
}
///
/// 是否需要级别验证
///
public bool NeedJb { get; set; }
///
/// 查看按钮是否可见
///
public bool NeedSelectBut { get; set; }
///
/// 清空按钮是否可见
///
public bool NeedClearBut { get; set; }
///
/// 机构是否可编辑
///
public bool OrganizeEna { get; set; }
#endregion
public TextBox OrganizeName
{
get { return txtOrganize; }
set { txtOrganize = value; }
}
public HiddenField OrganizeCode
{
get { return hidOrganizeCode; }
set { hidOrganizeCode = value; }
}
}
}
zTree参数配置
var setting = {
view: {
fontCss: getFontCss//,
// dblClickExpand: dblClickExpand
},
isSimpleData: true, //数据是否采用简单 Array 格式，默认false
treeNodeKey: "gID", //在isSimpleData格式下，当前节点id属性
treeNodeParentKey: "gPID", //在isSimpleData格式下，当前节点的父节点id属性
showLine: true, //是否显示节点间的连线
expandSpeed: "fast",//设置为快速显示动画效果
isParent: "isParent",//查看当前被选中的节点是否是父节点
icon: {//此属性只针对父节点有效，此属性必须与 iconClose 同时使用
iconOpen: decodeURI("iconOpen"),//父节点展开时使用的图标
iconClose: decodeURI("iconClose")//父节点折叠时使用的图标
},
check: {
enable: true, //开启checkbox
chkStyle: "checkbox",
chkboxType: { "Y": "", "N": "" }//勾选时不关联父与子，取消勾选时不关联父与子 默认值：{ "Y": "ps", "N": "ps" }
},
callback: {
beforeClick: beforeClick,//用于捕获单击节点之前的事件回调函数，并且根据返回值确定是否允许单击操作
onCheck: onCheck, //用于捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数
onClick: onClick, //用于捕获节点被点击的事件回调函数
beforeExpand: beforeExpand, //用于捕获父节点展开之前的事件回调函数，并且根据返回值确定是否允许展开操作
onExpand: onExpand//用于捕获节点被展开的事件回调函数
}
}
function beforeClick(treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo");
zTree.checkNode(treeNode, true, false);
var nodes = zTree.getCheckedNodes(true);//获取勾选当前节点集合
if (nodes.length > 1 || nodes.length == 0) {
for (var i = 0; i < nodes.length; i++) {
if (nodes[i] == treeNode)
continue
else
zTree.checkNode(nodes[i], false, false);
}
}
}
function onCheck(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = zTree.getCheckedNodes(true);
zTree.selectNode(treeId);
if (nodes.length > 1 || nodes.length == 0) {
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].gID == treeId.gID)
continue
else
zTree.checkNode(nodes[i], false, false);
}
}
nodes = zTree.getCheckedNodes(true);
if (nodes.length > 1 || nodes.length == 0) {
return false;
}
hideMenu();
CloseOrganizeWin(treeId.gID, treeId.name);
}
function beforeExpand(treeId, treeNode) {//节点展开前
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var newNodes;
var treeULDemo = $("[id='" + treeNode.tId + "_a']").next();
var isAjaxing = treeNode.zAsync;
if (treeULDemo != null && treeULDemo != undefined && treeULDemo.length > 0) {
treeObj.updateNode(treeNode);
treeObj.reAsyncChildNodes(treeNode, "refresh");
} else {
//startTime = new Date();
$.ajax({
async: false, //【重要】：设置false不然出不来数据
type: "post", //要用post方式
url: "../Organize/ZtreeForm.aspx/GetRootByChildsID", //方法所在页面和方法名
contentType: "application/json; charset=utf-8",
data: '{ gid:"' + treeNode.gID + '"}',
dataType: "json",
success: function (data) { //请求成功后处理函数。
//var _data = $.parseJSON(data.d);//$.parseJSON在1.2.6.min.js不兼容
var _data = eval(data.d);//eval((+data+))
newNodes = _data; //把后台封装好的简单Json格式赋给treeNodes
},
error: function () {//请求失败处理函数
alert('请求失败');
},
beforeSend: function () {
$("#" + treeNode.tId + "_a").children("#" + treeNode.tId + "_ico").css("background-image", "url('" + icon + "')"); //jquery子代选择器 【暂用】
//$("#" + treeNode.tId + "_ico").css("background-image", "url('" + icon + "')");//jquery ID选择器 【暂不用】
},
complete: function () {
treeNode.iconOpen = iconOpen;
}
});
newNodes = treeObj.addNodes(treeNode, newNodes, true); //展开父节点
treeObj.updateNode(treeNode);
//endTime = new Date();
//var usedTime = (endTime.getTime() - startTime.getTime()) / 1000;
//showLog("加载完毕，异步加载, 耗时：" + usedTime + " 秒");
}
}
function onExpand(event, treeId, treeNode) {//节点展开
var zTree = $.fn.zTree.getZTreeObj("treeDemo"); //加载指定节点
zTree.selectNode(treeNode.children[0]);
}
function onClick(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = zTree.getCheckedNodes(true);//获取勾选当前节点集合
if (nodes.length > 1 || nodes.length == 0) {
return false;
}
hideMenu();
CloseOrganizeWin(treeId.gID, treeId.name);
}
function zTreeOnDblclick(e, treeId, treeNode) {
alert("gID:" + treeNode.gID + " gPID:" + treeNode.gPID + " name:" + treeNode.name);
}
ajax框架调用
$.ajax({
async: false, //【重要】：设置false不然出不来数据
type: "post", //要用post方式
url: "../Organize/ZtreeForm.aspx/GetZtreeRootList", //方法所在页面和方法名
contentType: "application/json; charset=utf-8",
dataType: "json",
data: '{ gid: "' + gid + '"}',
success: function (data) { //请求成功后处理函数。
//var _data = $.parseJSON(data.d);//$.parseJSON在1.2.6.min.js不兼容
var _data = eval(data.d);//eval((+data+))
treeNodes = _data; //把后台封装好的简单Json格式赋给treeNodes
},
error: function () {//请求失败处理函数
alert('请求失败');
}
});
webmethod读取数据
依赖注入
private static readonly OrganizeBLL iORGBLL = new OrganizeBLL();//机构信息
private static readonly string iconOpen = HttpUtility.UrlEncode(@"1_open.png");//默认展开图片
private static readonly string iconClose = HttpUtility.UrlEncode(@"1_close.png");//默认收缩图片
private static sys_Organize modelEdit = new sys_Organize();//【编辑】声明全局静态只读变量【sys_Organize】，便于获取已录入登录机构信息
private static sys_Organize modelTownCityEdit = new sys_Organize();//镇级向上查询市级
private static sys_Organize modelVillCityEdit = new sys_Organize();//村级向上查询市级
属性自定义
private static string gid;
private static string gId //机构gid，便于【编辑页面】绑定数据
{
get
{
return gid;
}
set
{
gid = value;
}
}
节点类定义
///
/// 节点类
///
public class Node
{
///
/// color属性
///
public bool highlight;
///
/// 子节点
///
public List children;
///
/// 展开图标
///
public string iconOpen;
///
/// 收缩图标
///
public string iconClose;
///
/// 是否是父级节点
///
public bool isParent;
///
/// 地区gID
///
public Guid? gID;
///
/// 地区父gPID
///
public Guid? gPID;
///
/// 地区编码
///
public string sAreaCode;
///
/// 地区级别
///
public int? iJB;
///
/// 地区名称
///
public string name;
///
/// 删除标识
///
public int? iDeleteMark;
///
/// 创建日期
///
public DateTime? dCreateDate;
///
/// 创建人编码
///
public Guid? gCreateUserId;
///
/// 创建人姓名
///
public string sCreateUserRealname;
///
/// 修改日期
///
public DateTime? dModifyDate;
///
/// 修改人编码
///
public Guid? gModifyUserId;
///
/// 修改人姓名
///
public string sModifyUserRealname;
}
业务流程5，递归思想6，仿造children7,json序列化并返回
///
/// 读取地区列表--青海省民政厅下面一级
///
/// list = new List();//所有节点
list = GetGenNode(gId);//将所有一级节点放到list中
GetThirdChilds(ref list, gId);//递归获取节点
return JsonHelper.ListToJsonString(list);//序列化json字符串，便于展示
}
///
/// 读取子集节点--依据参数【sAreaCode】
///
///
[WebMethod]
public static void GetThirdChilds(ref List list, string gid)
{
BasePage bs = new BasePage();
modelEdit = iORGBLL.GetModelById(gid);//【编辑】声明全局静态只读变量【sys_Organize】，便于获取当前登录机构信息
/******************递归【GetThirdChilds()】是为了循环遍历节点，核心【node.children = nodeList;】追加子节点*******************/
foreach (Node node in list)
{
List nodeList = GetThirdChildsID(node.gID);
if (nodeList.Count > 0)
{
if (!string.IsNullOrEmpty(gid))//【编辑】：查询到当前编辑的组织地区
{
if (modelEdit.iJB < 2)//【省】【市】级登录用户
{
if (node.iJB < modelEdit.iJB)//【编辑】组织级别依据已录入数据
{
node.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
else if (node.iJB == modelEdit.iJB)//【县】
{
foreach (Node nodes in list)
{
if (nodes.sAreaCode == modelEdit.sAreaCode)
{
nodes.children = GetThirdChildsID(nodes.gID);
//GetThirdChilds(ref nodeList, gid);
}
}
}
}
else if (modelEdit.iJB == 2)//【县】级登录用户
{
if (node.iJB <= 0)//【省】
{
node.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
else if (node.iJB == 1)//【市】
{
foreach (Node nodes in list)
{
if (nodes.gID == modelEdit.gPID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
}
}
else if (node.iJB == 2)//【县】
{
foreach (Node nodes in list)
{
if (nodes.gID == modelEdit.gID)
{
nodes.children = GetThirdChildsID(nodes.gID);
//GetThirdChilds(ref nodeList, gid);
}
}
}
}
else if (modelEdit.iJB == 3)//【镇】级登录用户
{
if (node.iJB <= 0)//【省】
{
node.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
else if (node.iJB == 1)//【市】
{
modelTownCityEdit = iORGBLL.GetModelById(modelEdit.gPID.ToString());
foreach (Node nodes in list)
{
if (nodes.gID == modelTownCityEdit.gPID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
}
}
else if (node.iJB == 2)//【县】
{
foreach (Node nodes in list)
{
if (nodes.gID == modelEdit.gPID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
}
}
else if (node.iJB == 3)//【乡镇】
{
foreach (Node nodes in list)
{
if (nodes.gID == modelEdit.gID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
//GetThirdChilds(ref nodeList, gid);
}
}
}
}
else if (modelEdit.iJB == 4)//【村】级登录用户
{
if (node.iJB <= 0)//【省】
{
node.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
else if (node.iJB == 1)//【市】
{
modelVillCityEdit = iORGBLL.GetModelById(modelEdit.gPID.ToString());
modelVillCityEdit = iORGBLL.GetModelById(modelVillCityEdit.gPID.ToString());
foreach (Node nodes in list)
{
if (nodes.gID == modelVillCityEdit.gPID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
}
}
else if (node.iJB == 2)//【县】
{
modelVillCityEdit = iORGBLL.GetModelById(modelEdit.gPID.ToString());
foreach (Node nodes in list)
{
if (nodes.gID == modelVillCityEdit.gPID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
}
}
else if (node.iJB == 3)//【乡镇】
{
foreach (Node nodes in list)
{
if (nodes.gID == modelEdit.gPID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
}
}
else if (node.iJB == 4)//【村】
{
foreach (Node nodes in list)
{
if (nodes.gID == modelEdit.gID)
{
nodeList = GetThirdChildsID(nodes.gID);
nodes.children = nodeList;
//GetThirdChilds(ref nodeList, gid);
}
}
}
}
}
else if (node.iJB <= bs.GetSessionCurrentUserInfo.iJB) //【新增】组织级别依据当前登录用户
{
node.children = nodeList;
GetThirdChilds(ref nodeList, gid);
}
}
break;
}
}
///
/// 获所有的一级节点
///
///
/// GetGenNode(string gid)
{
List nodeList = new List();
List childrenList = new List();
Node node = new Node();
Node children = new Node();
List genList = new List();
BasePage bs = new BasePage();//声明全局静态只读变量【BasePage】，便于获取当前登录姓名
string name = bs.GetSessionCurrentUserInfo.sUserName;//登录用户姓名：标识【admin：加载所有组织 非admin：依据地区编码加载】【新增】
//包含了：【新增】
if (name.ToLower().Equals("admin"))//【admin】
{
genList = iORGBLL.GetList(P => P.iJB == -1 && P.iDeleteMark == 0);
}
else//【非admin】
{
genList = iORGBLL.GetList(P => P.sAreaCode == bs.GetSessionCurrentUserInfo.sAreaCode && P.iDeleteMark == 0);
}
if (genList != null && genList.Count > 0)
{
foreach (sys_Organize genItem in genList)
{
//根节点 node
node.highlight = false;
node.gID = genItem.gID;
node.gPID = genItem.gPID;
node.sAreaCode = genItem.sAreaCode;
node.iJB = genItem.iJB;
node.name = genItem.sFullName;
node.iDeleteMark = genItem.iDeleteMark;
node.dCreateDate = genItem.dCreateDate;
node.gCreateUserId = genItem.gCreateUserId;
node.sCreateUserRealname = genItem.sCreateUserRealname;
node.dModifyDate = genItem.dModifyDate;
node.gModifyUserId = genItem.gModifyUserId;
node.sModifyUserRealname = genItem.sModifyUserRealname;
if (iORGBLL.GetList(P => P.gPID == genItem.gID && P.iDeleteMark == 0).Count > 0)
{
node.isParent = true;
node.iconOpen = iconOpen;
node.iconClose = iconClose;
childrenList.Add(children);
}
}
if (childrenList.Count > 0)
node.children = childrenList;
nodeList.Add(node);
}
return nodeList;
}
///
/// 根据父节点的id获取子节点
///
/// 父节点id
/// 异步调用返回List
[WebMethod]
public static string GetRootByChildsID(string gid)
{
Guid id = new Guid(gid);
//Guid.TryParse(gid, out id);
List list = GetThirdChildsID(id);
return JsonHelper.ListToJsonString(list);
}
///
/// 根据父节点的id获取子节点
///
/// 父节点id
/// GetThirdChildsID(Guid? gid)
{
List childrenList = new List();
foreach (sys_Organize childrenItem in iORGBLL.GetList(P => P.gPID == gid && P.iDeleteMark == 0))
{
Node children = new Node();
//仿造子节点【child】属性
//判断叶子节点是否含有子节点并设置属性
children.highlight = false;
if (iORGBLL.GetList(P => P.gPID == childrenItem.gID && P.iDeleteMark == 0).Count > 0)
{
children.isParent = true;//默认 true
children.iconOpen = iconOpen;//默认 展开属性
children.iconClose = iconClose;//默认 收缩属性
}
children.gID = childrenItem.gID;
children.gPID = childrenItem.gPID;
children.sAreaCode = childrenItem.sAreaCode;
children.iJB = childrenItem.iJB;
children.name = childrenItem.sFullName;
children.iDeleteMark = childrenItem.iDeleteMark;
children.dCreateDate = childrenItem.dCreateDate;
children.gCreateUserId = childrenItem.gCreateUserId;
children.sCreateUserRealname = childrenItem.sCreateUserRealname;
children.dModifyDate = childrenItem.dModifyDate;
children.gModifyUserId = childrenItem.gModifyUserId;
children.sModifyUserRealname = childrenItem.sModifyUserRealname;
childrenList.Add(children);
}
return childrenList;
}
【input框既然是可编辑】
【添加了：根据参数获取节点名称】
【新增：依据省市县三级平台加载组织信息】
【checkbox框勾选回绑】