C#.NET分级选择实现

前端代码:

数据库表结构如下:

id pname parent

记得引用jquery和SelectPermission外部JS文件

<style type="text/css">

#showhide

{

width: 100%;

height: 100%;

background-color: #FFFFFF;

position: absolute;

left: 0;

top: 0;

display: none;

}

#selectPermission{ width:100%; line-height:25px; border-bottom:1px solid #EEEEEE; overflow:hidden; margin:10px 0; padding-bottom:10px}

#selectPermission li{ width:150px; padding-left:10px}

#selectPermission div{float:left; margin-right:10px}

#resultshow{ margin-top:10px; width:100%;border-bottom:1px solid #EEEEEE; overflow:hidden; padding-bottom:10px; margin-bottom:10px}

#resultshow li{ width:120px; float:left}

</style>

<script type="text/javascript">

function setpower(va) {

$("#selectPermission").empty();

$("#resultshow ul").empty();

$("#showhide").toggle();

var att = $("#showhide").css("display");

if (att == "block") {

$("#uid").val(va);

$.post('handler/userInfo.ashx', { 'parentId': "0" }, function (data) {

//alert(data);

var re = data.split('*');

if (re[0] != "notfind") {

var newdiv = "<div id='div"+re[0]+"'>" + re[1] + "</div>";

$("#selectPermission").append(newdiv);

var newdivs = "<div id='div" + re[0] + "'>" + re[2] + "</div>";

$("#selectPermission").append(newdivs);

} else {

var person = "<div id='div" + re[0] + "'>" + re[2] + "</div>";

$("#selectPermission").append(person);

}

});

$.post('handler/permissionSet.ashx', { 'userid': va }, function (data) {

addal(data);

});

}

}

function cancelClick() {

$("#showhide").hide();

}

</script>

<div id="showhide">

<div><b>选择权限:</b></div>

<div id="selectPermission"></div>

<div><b>已选权限:</b></div>

<div id="resultshow" style="clear:both">

<ul>

</ul>

</div>

<div style=" clear:both">

<input id="Button1" type="button" value="保存" onclick="sureClick();"/>

<input id="Button2" type="button" value="取消" onclick="cancelClick();"/>

</div>

</div>

分离JS(SelectPermission.js)代码:

function NextDivData(va, sta) {//向后台请求下一级权限

$.post('handler/userInfo.ashx', { 'parentId': va, 'checkState': sta }, function (data) {

//alert(data);

var alldata = data.split('*');

if (alldata[0] != "notfind") {

var newdiv = "<div id='div"+alldata[0]+"'>" + alldata[1] + "</div>";

$("#selectPermission").append(newdiv);

var person = "<div id='div" + alldata[0] + "'>" + alldata[2] + "</div>";

$("#selectPermission").append(person);

} else {

var person = "<div id='div" + alldata[0] + "'>" + alldata[2] + "</div>";

$("#selectPermission").append(person);

}

});

}

function laterClick(va) {//父节点单击事件

$(va).parent().css("background", "#DEECFD").siblings().css("background", "");

$(va).parent().parent().parent().nextAll().remove();

var ch = $(va).parent().find("[type='checkbox']");

var sta = "no";

if (ch.attr("checked")) {

sta = "yes";

}

var $find = $(va).find("input");

var getid = $find.val();

//alert(getid);

var ids = getid.split(',');

//$("#diffState").val(ids[1]);

NextDivData(ids[0], sta);

}

function checkState(va) {//部门复选框单击事件

if ($(va).attr("checked") == true) {

//alert('被选中');

$("#checkState").val('yes');

//$(va).parent().parent().parent().next().find("[type='checkbox']").attr("checked", "checked");

var $find = $(va).siblings().find("input");

var getid = $find.val(); //获取当前项目ID

var ids = getid.split(',');

$("#div" + ids[0]).find("[type='checkbox']").attr("checked", "checked");

//alert(ids[0]);

getPersonId(ids[0]);

} else {

$("#checkState").val('no');

//$(va).parent().parent().parent().next().find("[type='checkbox']").removeAttr("checked");

var $find = $(va).siblings().find("input");

var getid = $find.val(); //获取当前项目ID

var ids = getid.split(',');

$("#div" + ids[0]).find("[type='checkbox']").removeAttr("checked");

var getli = $(va).parent().parent().find("li input");

var lic = 0;

$.each(getli, function () {

var st = $(this).attr("checked");

if (st == true) {

lic++;

}

});

var sta = "no";

if (lic == 0) {

sta = "yes";

}

lostperson(ids[0],sta);

}

}

function getPersonId(pid) {//获取人员id和姓名

$.post('handler/userInfo.ashx', { 'getPer': pid }, function (data) {

if (data != "" && data != null) {

//alert(data);

var ald = data.split('*');

//alert(ald[1]); //父级ID

$("#div0").find("[id='"+ald[1]+"']").attr("checked", "checked");

var gd = ald[0].split('%');

gd = gd.splice(1, gd.length);

var li = $("#resultshow ul li");

var resul = "";

$.each(gd, function (i, value) {

var gd1 = value.split('$');

var tem = 0;

if (li.length > 0) {

$.each(li, function () {

var st = $(this).find("[type='checkbox']").attr("id");

//var st = $(this).find("[type='checkbox']");

//st = st.val().split(',');

//alert(st);

if (st == gd1[0]) {

tem++;

}

});

}

if (tem == 0) {

resul += "<li><input id='" + gd1[0] + "' type='checkbox' checked='checked' value='" + gd1[0] + "," + ald[1] + "' />" + gd1[1] + "</li>";

}

});

$("#resultshow ul").append(resul);

}

});

}

function lostperson(pid, val) {

$.post('handler/userInfo.ashx', { 'lost': pid }, function (data) {

if (data != "" && data != null) {

//alert(data);

var ald = data.split('*');

var cid = ald[0].split(',')

cid = cid.splice(0, cid.length - 1);

//alert(cid);

$.each(cid, function (data, key) {

//alert(key);

var li = $("#resultshow ul li");

$.each(li, function () {

var st = $(this).find("[type='checkbox']").attr("id");

//var st = $(this).find("[type='checkbox']");

//st = st.val().split(',');

//alert(st);

if (st == key) {

$(this).remove();

}

//alert(st);

});

});

if (val == "yes") {

$("#div0").find("[id='" + ald[1] + "']").removeAttr("checked");

}

}

});

}

function addal(va) {//加载原有权限

if (va != "") {

var ad = va.split('%');

var resul = "";

$.each(ad, function (i, val) {

var ad1 = val.split('$');

if (ad1[0] != "") {

resul += "<li><input id='" + ad1[0] + "' type='checkbox' checked='checked' value='" + ad1[0] + ",' />" + ad1[1] + "</li>";

}

});

$("#resultshow ul").append(resul);

}

}

function sureClick() {

var li = $("#resultshow ul li");

var uid = "";

var uname = "";

if (li.length > 0) {

$.each(li, function () {

var st = $(this).find("[type='checkbox']");

if (st.attr("checked")) {

uid += st.val();

}

});

//alert(uid);

}

//alert(uid);

var array = uid.split(",");

for (var i = 0; i < array.length; i++) {

if (array[i] != "") {

for (var j = i + 1; j < array.length; j++) {

if (array[i] == array[j]) {

array.splice(j, 1);

}

}

}

}

var uid = $("#uid").val();

var powerid = array.toString();

//alert(powerid);

$.post('handler/permissionSet.ashx', { 'powerid': powerid, 'uid': uid }, function (data) {

alert(data);

});

$("#resultshow ul").empty();

$("#showhide").hide();

}

一般处理程序(userInfo.ashx)代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Text;

using System.Data;

namespace Milit.Web.SysConfig.handler

{

/// <summary>

/// userInfo 的摘要说明

/// </summary>

public class userInfo : IHttpHandler

{

BLL.Permissions bp = new BLL.Permissions();

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain";

string parentid = context.Request["parentId"];//部门ID

string checkState = context.Request["checkState"];//否为选中状态

string getper = context.Request["getPer"];//部门ID,用于获取ID,NAME

string lostid = context.Request["lost"];//取消选择

if (lostid != null && lostid != "")

{

DataTable ddt = bp.GetAllList().Tables[0];

string lostlist = lostPersonID(lostid,ddt);

string pids = getpar(ddt, lostid);//获取所有父级ID

context.Response.Write(lostlist+"*"+pids);

}

if (getper != "" && getper != null)

{

DataTable ddt = bp.GetAllList().Tables[0];

string pin = getPersonIN(getper,ddt);

string pids = getpar(ddt, getper);//获取所有父级ID

context.Response.Write(pin+"*"+pids);

}

if (parentid != "" && parentid != null)

{

DataTable dt = bp.GetAllList().Tables[0];

bool bl = showboy(int.Parse(parentid));

if (bl)

{

string getdata = string.Empty;

if (parentid == "0")

{

getdata = initialpage(dt);

}

else

{

getdata = filltable(dt, parentid, checkState);

}

context.Response.Write(parentid+"*"+getdata);

}

else

{

//context.Response.Write("notfind*" + getPid(parentid, checkState, dt));

context.Response.Write("*");

}

}

}

private string initialpage(DataTable dt)

{

StringBuilder adddata = new StringBuilder("<ul>");

Boolean bo = true;

foreach (DataRow dr in dt.Rows)

{

if (dr["p_num"].ToString() == "0")

{

bo = showboy(int.Parse(dr["Id"].ToString()));

if (bo)

{

adddata.Append("<li><input id='"+dr["id"].ToString()+"' type='checkbox' onchange='checkState(this);'/><a href='#' onclick='laterClick(this);'><input id='hide1' type='hidden' value='" + dr["Id"].ToString() + ",yes' />+" + dr["Id"].ToString()
+ "-" + dr["permission"].ToString() + "</a></li>");

}

else

{

adddata.Append("<li><input id='" + dr["id"].ToString() + "' type='checkbox' onchange='checkState(this);'/><a href='#'><input id='hide1' type='hidden' value='" + dr["Id"].ToString() + ",no' />" + dr["Id"].ToString() + "-" + dr["permission"].ToString()
+ "</a></li>");

}

}

}

adddata.Append("</ul>*");

return adddata.ToString();

}

private string filltable(DataTable dt, string parid, string chst)

{

if (chst == "yes")//被选中

{

StringBuilder adddata = new StringBuilder();

foreach (DataRow dr in dt.Rows)

{

if (dr["p_num"].ToString() == parid)

{

bool bo = showboy(int.Parse(dr["Id"].ToString()));

if (bo)

{

adddata.Append("<li><input id='Checkbox1' type='checkbox' checked='checked' onchange='checkState(this);'/><a href='#' onclick='laterClick(this);'><input id='hide1' type='hidden' value='" + dr["Id"].ToString() + ",yes' />+" + dr["Id"].ToString()
+ "-" + dr["permission"].ToString() + "</a> ");

}

else

{

adddata.Append("<li><input id='Checkbox1' type='checkbox' checked='checked' onchange='checkState(this);'/><a href='#'><input id='hide1' type='hidden' value='" + dr["Id"].ToString() + ",no' />" + dr["Id"].ToString() + "-" + dr["permission"].ToString()
+ "</a> ");

}

}

}

adddata.Append("*");

return adddata.ToString();

}

else

{

StringBuilder adddata = new StringBuilder();

foreach (DataRow dr in dt.Rows)

{

if (dr["p_num"].ToString() == parid)

{

bool bo = showboy(int.Parse(dr["Id"].ToString()));

if (bo)

{

adddata.Append("<li><input id='Checkbox1' type='checkbox' onchange='checkState(this);'/><a href='#' onclick='laterClick(this);'><input id='hide1' type='hidden' value='" + dr["Id"].ToString() + ",yes' />+" + dr["Id"].ToString()
+ "-" + dr["permission"].ToString() + "</a></li>");

}

else

{

adddata.Append("<li><input id='Checkbox1' type='checkbox' onchange='checkState(this);'/><a href='#'><input id='hide1' type='hidden' value='" + dr["Id"].ToString() + ",no' />" + dr["Id"].ToString() + "-" + dr["permission"].ToString()
+ "</a></li>");

}

}

}

adddata.Append("*");

return adddata.ToString();

}

}

private Boolean showboy(int parId)//判断是否包函子节点

{

DataTable dt = bp.GetAllList().Tables[0];

Boolean bl = false;

for (int i = 0; i < dt.Rows.Count; i++)

{

if (dt.Rows[i]["p_num"].ToString() == parId.ToString())

{

bl = true;

}

}

return bl;

}

private string getPersonIN(string pid,DataTable ddt)//根据部门ID获取人员ID

{

//bool bl = showboy(int.Parse(pid));

//if (!bl)

//{

getchild(pid, ddt);

//}

foreach (DataRow dr in ddt.Rows)

{

if (dr["p_num"].ToString() == pid)

{

getPersonIN(dr["Id"].ToString(),ddt);

}

}

return personIN.ToString();

}

private void getchild(string paid, DataTable dt)

{

foreach (DataRow dr in dt.Rows)

{

if (dr["Id"].ToString() == paid)

{

if (dr["p_num"].ToString() != "0")

{

personIN.Append("%" + dr["Id"].ToString() + "$" + dr["permission"].ToString());

}

}

}

}

private string lostPersonID(string pid,DataTable ddt)//根据部门ID获取人员ID

{

//bool bl = showboy(int.Parse(pid));

//if (!bl)

//{

lostchild(pid, ddt);

//}

foreach (DataRow dr in ddt.Rows)

{

if (dr["p_num"].ToString() == pid)

{

lostPersonID(dr["Id"].ToString(),ddt);

}

}

return personIN.ToString();

}

private void lostchild(string paid, DataTable dt)

{

foreach (DataRow dr in dt.Rows)

{

if (dr["Id"].ToString() == paid)

{

//if (dr["p_num"].ToString() != "0")

//{

personIN.Append(dr["Id"].ToString() + ",");

//}

}

}

}

private StringBuilder personIN = new StringBuilder();

private string getPid(string aid, string sta, DataTable dt)

{

StringBuilder sub = new StringBuilder();

int ac = 0;

foreach (DataRow dr in dt.Rows)

{

if (dr["Id"].ToString() == aid)

{

if (dr["p_num"].ToString() != "0")

{

if (sta == "yes")

{

sub.Append("<li><input id='Checkbox1' type='checkbox' onchange='personClick(this);' checked='checked' value='" + dr["Id"].ToString() + "," + dr["permission"].ToString() + "' />" + dr["permission"].ToString() + "</li>");

ac++;

}

else

{

sub.Append("<li><input id='Checkbox1' type='checkbox' onchange='personClick(this);' value='" + dr["Id"].ToString() + "," + dr["permission"].ToString() + "' />" + dr["permission"].ToString() + "</li>");

ac++;

}

}

}

}

if (ac == 0)

{

return null;

}

else

{

return sub.ToString();

}

}

private StringBuilder spb = new StringBuilder();

private string getpar(DataTable dt,string id)//获取当前节点所有父节点

{

foreach (DataRow dr in dt.Rows)

{

if (dr["id"].ToString() == id)

{

foreach(DataRow drr in dt.Rows){

if(drr["id"].ToString()==dr["p_num"].ToString()){

if (spb.ToString() != "")

{

spb.Append(drr["id"].ToString() + ",");

}

else

{

spb.Append(drr["id"].ToString());

}

getpar(dt, drr["id"].ToString());

}

}

}

}

return spb.ToString();

}

public bool IsReusable

{

get

{

return false;

}

}

}

}