2005TreeView中CheckBox在客户端完成同级节点的互斥_a-tree 只能选择同级节点-优快云博客

http://download1.youkuaiyun.com/down3/20070515/15155625734.rar 想了一下，觉得还是可以用JS完全控制2005TreeView中的CheckBox，包括父节点选中时子节点全选、同级节点的互斥，也就是同级节点只能选择一个。。。为了抛砖引玉，在此实现同级节点互斥。思路很简单，绑定数时同时生成一字符序列记住父子关系，客户端就根据此序列做操作。

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

ViewState["treenodes"] = string.Empty;

ViewState["trigger"] = 0;

BindTree();

this.tnodes.Value = "(" + ViewState["treenodes"].ToString() + ")";

}

private void BindTree()

{

DataTable dt = getChildNodes("0");

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

{

TreeNode tn = new TreeNode();

tn.Text = dt.Rows[i]["SM_Name"].ToString();

//绑定数的同时生成父子节点关系字符串

string treenodes = ViewState["treenodes"].ToString();

string trigger = ViewState["trigger"].ToString();

treenodes += trigger + "(";

ViewState["treenodes"] = treenodes;

ViewState["trigger"] = Convert.ToInt32(ViewState["trigger"].ToString()) + 1;

this.TreeView1.Nodes.Add(tn);

AddTreeNode(dt.Rows[i]["SM_ID"].ToString(), tn);

}

private void AddTreeNode(string ID, TreeNode par)

{

DataTable dt = getChildNodes(ID);

if (dt.Rows.Count == 0) return;

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

{

TreeNode tn = new TreeNode();

tn.Text = dt.Rows[i]["SM_Name"].ToString();

par.ChildNodes.Add(tn);

string treenodes = ViewState["treenodes"].ToString();

string trigger = ViewState["trigger"].ToString();

DataTable dts = getChildNodes(dt.Rows[i]["SM_ID"].ToString());

if (dts.Rows.Count == 0 && i == dt.Rows.Count - 1) { treenodes += trigger + ")"; }

else if (dts.Rows.Count == 0 && i < dt.Rows.Count - 1) { treenodes += trigger + ","; }

else { treenodes += trigger + "("; }

ViewState["treenodes"] = treenodes;

ViewState["trigger"] = Convert.ToInt32(ViewState["trigger"].ToString()) + 1;

AddTreeNode(dt.Rows[i]["SM_ID"].ToString(), tn);

}

private DataTable getChildNodes(string PID)

{

SqlConnection conn = new SqlConnection("server=localhost;database=TreeViewSource;uid=sa;pwd=sa;trusted_connection=true");

SqlDataAdapter sda = new SqlDataAdapter("select * from SYS_Module where SM_PID=" + PID, conn);

DataTable dt = new DataTable();

sda.Fill(dt);

return dt;

}

<title>Untitled Page</title>

var tnodes = "";

function window.onload()

{

//取得TreeView父子节点关系序列－类似与 (0(1,2)3(4(5)6)7(8)9(10))

tnodes = document.getElementById("tnodes").value;

}

function FCheck()

{

var ocheck = event.srcElement;

if(ocheck.tagName == "INPUT"&& ocheck.type=="checkbox")

{

//取得该CheckBox在序列中对应的数字

var t = ocheck.id.replace("TreeView1n","").replace("CheckBox","");

//得到同级节点

var fid = getFNodes(t);

//互斥操作判断

if(ocheck.checked==true)

{

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

{

if(fid[i]==t)continue;

else

{

document.getElementById("TreeView1n"+fid[i]+"CheckBox").checked = false;

}

function getFNodes(num)

{

//在tnodes序列中找到num

var split = tnodes.indexOf(num,0);

var pre = tnodes.substring(0,split);

var nex = tnodes.substring(split+1,tnodes.length);

//截出包含所有同级节点的字符串

var nid = getSplit(tnodes.substring(getLeftBracket(pre),getRightBracket(nex)));

var fid = new Array();

for(var j=0;j<nid.length;j++)

{

if(nid[j].length>0)

{

fid.push(nid[j]);

}

return fid;

}

//取得字符串自右向左第一个不匹配"("的index

function getLeftBracket(str)

{

var tag = 0;

for(var i=str.length-1;i>-1;i--)

{

if(str.charAt(i) ==')'){tag=tag-1;continue;}

else if(str.charAt(i)=='(')

{

if(tag!=0){tag=tag+1;continue;}

else if(tag==0){return i;}

}

//取得字符串自左向右第一个不匹配")"的index

function getRightBracket(str)

{

var tag = 0;

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

{

if(str.charAt(i) =='('){tag=tag-1;continue;}

else if(str.charAt(i)==')')

{

if(tag!=0){tag=tag+1;continue;}

else if(tag==0){return(i+tnodes.length-str.length+1);}

}

//取得与目标节点的同级节点标号

function getSplit(str)

{

var splitstr = new Array();

while(str.indexOf("(",1)>-1)

{

var tem = str.substring(str.indexOf("(",1)+1,str.length);

str = str.replace(str.substring(str.indexOf("(",1),getRightB(tem,str)),"|");

}

var st = str.substring(1,str.length-1).replace(",","|");

var nid = st.split('|');

return nid;

}

function getRightB(rstr,fullstr)

{

var tag = 0;

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

{

if(rstr.charAt(i) =='('){tag=tag-1;continue;}

else if(rstr.charAt(i)==')')

{

if(tag!=0){tag=tag+1;continue;}

else if(tag==0){return(i+fullstr.length-rstr.length+1);}

}

</script>

</head>

<body>

<asp:TreeView onclick="javascript:FCheck()" ShowCheckBoxes="all" ID="TreeView1" runat="server">

</asp:TreeView>

</form>

</body>

</html>