.NET 3.5环境下的树型控件for web form。
John.WebControls.Tree for .NET 3.5 RTM (←点击下载)
效果图:
该控件继承WebControl的TreeView,这个只是为了方便我们平时的小型开发而已(针对无限级的树,单表ID和PID),数据量大于2万的时候会比较卡。
HTML:
<
johncontrols:treeview
id
="TreeView1"
runat
="server"
navigateurlformat
="page1.aspx?id={0},page2.aspx?xxx={0}&dsss={1},page3.aspx"
navigateurlkey
="ID,Text"
rootparentid
="0"
></
johncontrols:treeview
>
Code:
string
connString
=
@"
Data Source=./SQLEXPRESS;AttachDbFilename=F:/JohnV3.0/wwwroot/Test/App_Data/BaseSystem.mdf;Integrated Security=True;User Instance=True
"
;
DataSet ds = John.Commons.Utility.DbMSSQLUtility.ExecuteDataSet(connString, " SELECT * FROM t_baseMultiCode " );
this .TreeView1.DataSource = ds;
this .TreeView1.DataBind();
DataSet ds = John.Commons.Utility.DbMSSQLUtility.ExecuteDataSet(connString, " SELECT * FROM t_baseMultiCode " );
this .TreeView1.DataSource = ds;
this .TreeView1.DataBind();
至于上面代码中的 John.Commons.Utility.DbMSSQLUtility我发布过,大家可以找下。
重要的是下面的属性
所有的Key属性,都是数据库的字段名,代表了在每个位置的值,而根据需求,在NavigateUrl做了一些比较人性化一点的改动
因为每个节点的NavigateUrl可能是一样,也可能是不一样的。所以NavigateUrlFormat这个属性可以根据需要去设置每一层节点的URLFormat,第一个代表第一层,最后一个代表他所在位置的层,以及后续的所有层。
下面是NavigateUrlFormat属性的设置:
NavigateUrlKey的设置:
ID字段的值将与format里第一层的page1.aspx?id={0}结合,这样写应该容易懂点string.Format("page1.aspx?id={0}", value("ID"))
而第二层节点的xxx={0}也一样与ID字段结合
由于第一层只设置了一个tag所以text字段被第一层忽略。
text字段的值将结合到第二层的dss={1}中,string.Format("page2.aspx?xxx={0}&dsss={1}", value("ID", value(text)))
上面的代码中其实是根本没value这个方法的,只是为了大家明白控件的工作原理写出来的。
最终的效果就是上面的效果图,图中的状态栏显示的地址就是第一层节点的地址。
下图是第二层的地址:
第三层以及后面的层:
http://www.cnblogs.com/Garnai/archive/2007/12/08/john-webcontrols-tree.html