treeview|web
首先感谢思归指点了我如何重用Treeview这个Microsoft IE Webcontrol。相关内容请参见http://community.csdn.net/Expert/TopicView.asp?id=3365114
IE webcontrol可以单独用于html文件中,也可以用于web form的.net 程序;
对于后者,使用中可以通过编程加入节点,也可以绑定;
对于后者,绑定的时候,可以帮定一个xml格式的字符串,也可以绑定一个xml文件,只要向Treeview控件的TreeNodeSrc属性赋值;
对于后者,有两种可能,一种是绑定到一个已经存在于硬盘的xml文件,或者说TreeNodeSrc的值设定为"...../foo.xml"上、另一种则是先创建一个aspx页面动态产生xml格式的输出,绑定到这个页面。
对于后者,会产生错误。
原因是,Treeview控件其实有两个地方可以绑定,或者说,解析数据源产生树的结构,一是在Server Side,一是在Browser Side。在Treeview控件Render的过程中,如果发现TreeNodeSrc是一个地址,它就会试图读这这个地址的内容,然后解析,并显式的写到web页面的输出中,这里会产生错误。
我的解决方法是,定义一个扩充的属性TreeNodeSrcA,它不在server端被解析,而是原封不动的写到Browser side,然后Treeview的htc再读取TreeNodeSrcA指向的url的内容,并解析。
具体步骤如下:
一、在Treeview的源程序treeview.cs文件的
public class TreeView : BasePostBackControl
的部分加入这样一段
/// <summary>
/// Url of the xml file to import as the TreeNode content of the tree, Browser Side Binding
/// </summary>
[
Category("Data"),
DefaultValue(""),
PersistenceMode(PersistenceMode.Attribute),
ResDescription("TreeNodeSrcA"),
]
public string TreeNodeSrcA
{
get
{
object str = ViewState["TreeNodeSrcA"];
return ((str == null) ? String.Empty : (string)str);
}
set
{
ViewState["TreeNodeSrcA"] = value;
}
}
它的作用是定义一个叫TreeNodeSrcA的属性。
二、在Treeview的源程序treeview.cs文件的
protected override void RenderUpLevelPath(HtmlTextWriter output)
方法中加入这样一段
if (TreeNodeSrcA != String.Empty)
output.AddAttribute("treeNodeSrcA", TreeNodeSrcA);
它的作用是如果TreeNodeSrcA属性非空则写到web页面的输出中。
三、编译生成dll文件并引用
四、在Treeview的脚本文件treeview.htc的相应位置分别加入:
<public:property name="treeNodeSrcA" id="_tvpropTreeNodeSrcA" GET="getTreeNodeSrcA" PUT="setTreeNodeSrcA" />
var prop_treeNodeSrcA = null;
function getTreeNodeSrcA()
{
return prop_treeNodeSrcA;
}
function setTreeNodeSrcA(value)
{
if (prop_treeNodeSrcA != value)
{
prop_treeNodeSrcA = value;
}
}
这是说明定义一个htc里的属性,设置变量来存放,并设置读写它的方法。
五、在Treeview的脚本文件treeview.htc的function oncontentready()中,在
if (treeNodeSrc != null)
之前,加入:
if (treeNodeSrcA != null)
treeNodeSrc = treeNodeSrcA;
这就保证了创建的时候,如果扩展属性treeNodeSrcA非空,就会用它来填补treeNodeSrc,这时Browser就会去读数据源并解析、绑定。
【athossmth原创,转载请注明,谢谢】