前段时间做项目,因为要用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,而如果用按钮提交页面,就可以取到
如果你知道,跟我一起探讨一下吧。