当前位置: 首页 > 图文教程 > 网络编程 > Javascript > TreeView节点互斥,autopostback=false的方法

Javascript
学习ExtJS(二) Button常用方法
学习ExtJS TextField常用方法
学习ExtJS Panel常用方法
学习ExtJS Window常用方法
学习ExtJS 访问容器对象
学习ExtJS border布局
学习ExtJS fit布局使用说明
学习ExtJS form布局
学习ExtJS accordion布局
学习ExtJS table布局
Javascript 日期处理之时区问题
JavaScript 监听textarea中按键事件
Javascript isArray 数组类型检测函数
JavaScript delete 属性的使用
防止动态加载JavaScript引起的内存泄漏问题
javascript Range对象跨浏览器常用操作
JavaScript 另类遍历数组实现代码
网页制作ajax特效实例
javascript修复浏览器中头痛问题
2008年关注基于JavaScript开发的产品

Javascript 中的 TreeView节点互斥,autopostback=false的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 247 ::
收藏到网摘: n/a

 

问题描述:frameset中的TreeView,里面就四个节点,想打开一个后,关闭其它三个节点。
开始是在TreeView1_Expand里写,倒也能用,可要设置autopostback为true,刷新时很难看,就在网上找资料
相关主题如下:
==================
1. "展开时不提交,改变选择节点时才提交"
2. "使TreeView展开一个节点后自动缩回其他所有的已经展开的节点,就是说同一时间内只有一个展开节点"
3. "TreeView展开无闪烁的解决方法"
4. "TreeView专题讨论" 
5. "TreeView JavaScript控制方法研究"
==================
上面有个javascript角本写的不错,可试了半天老是出错。
于是自已写了一个。


<script  language="JavaScript"> 
  function  initTree()
  { 
    var tree = document.all["TreeView1"];
    tree.attachEvent("onexpand", SelectedIndexChange); //追加个事件
  }
  function SelectedIndexChange()
  {
    var temp = this.TreeView1.clickedNodeIndex;
    var nodes = new Array();
    nodes = this.TreeView1.getChildren();
    for(i=0;i<nodes.length;i++)
    {
      if(i!=temp)
      {
        if(i<10)
   nodeIndex = "0"+i;//我这只用到了四个节点的,十个以上的自已试试看吧。
 this.TreeView1.getTreeNode(nodeIndex).setAttribute('expanded','false');
      }
    }
}
</script>
最后在body里写一个
<body onload="initTree();">
就可以用了。

当然也可以像"TreeView专题讨论"中把javascript写在page_load里,不过那样就很麻烦了,也很容易出错儿。