支持AJAX的TreeView树例子,使用省市县三级xml作演示

前段时间做项目,因为要用TreeView来展示组织架构

结果发现员工太多,上万人,导致TreeView加载时数据量太大造成IE假死

就去网上搜索TreeView+Ajax的例子,结果无一例外的都是自己给TreeView添加自定义的js方法,然后自己写ajax功能来动态填充TreeView

还有一部分同志,干脆扔掉TreeView已经开发好的程序,改用Dtree(也要改代码)等其它树来实现

 

后来查询MSDN,发现TreeView本身就支持AJAX动态填充树的功能

客户端 TreeView 节点填充

任何在浏览器功能配置文件中将 SupportsCallback 属性设置为 true 的浏览器都支持客户端节点填充。

借助客户端节点填充,TreeView 控件可以通过从客户端脚本中调用服务器的 TreeNodePopulate 事件来填充节点,而无需完全回发至服务器。有关客户端节点填充的更多信息,请参见 PopulateNodesFromClient

 

并且MSDN也提供了一个例子,其实就是

1、把TreeView控件的PopulateNodesFromClient和EnableClientScript属性置为true;

2、把要动态展开的子结点的父结点的Expanded属性置为false(如果展开,那还要动态展开干吗),PopulateOnDemand属性置为true;

3、提供OnTreeNodePopulate方法,在方法填充那些动态子结点。

 

完成了上面3步,TreeView控件就实现了AJAX动态填充子节点了

 

做了一个例子,请到这里下载:

http://download.csdn.net/source/1466732

这个例子从网上下载了一个省市县的3级xml文件,作为ajax树联动展示的例子

并实现了选中父结点时,选中全部子结点;

取消一个子结点,同时取消全部级别的父结点。

 

不过有一个疑惑:

OnTreeNodePopulate方法,不能取得

e.Node.ToolTip和e.Parent属性,取到都是null,而如果用按钮提交页面,就可以取到

如果你知道,跟我一起探讨一下吧。

你可能感兴趣的:(Ajax,xml,浏览器,服务器,脚本,null)