api.html

xyTreeV4.0.rar xyTreeV4.0.rar

</p>
<table class="reference" cellSpacing="0" border="1" >
  <tbody>
  <tr>
    <th>域和方法</th>
    <th>返回值</th>
    <th>参数</th>
    <th>描述</th></tr>
  <tr>
    <td>name</td>
    <td>Stirng</td>
    <td>(none)</td>
    <td>
    	只读域，节点名称，也就是在页面的显示
    	</td></tr>
  <tr>
    <td>parent</td>
    <td>NodeNormal</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的父节点，只有根节点的该属性值为null
    	</td></tr>
  <tr>
    <td>previous</td>
    <td>NodeNormal</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的前一个节点
    	</td></tr>
  <tr>
    <td>next</td>
    <td>NodeNormal</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的下一个节点
    	</td></tr>
  <tr>
    <td>child</td>
    <td>Array</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的子节点，数组成员类型还是NodeNormal
    	</td></tr>
  <tr>
    <td>level</td>
    <td>int</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的级别，根节点为0
    	</td></tr>
  <tr>
    <td>tree</td>
    <td>TreeNormal</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的树对象，如要获得最外层的树则使用node.tree.divtree
    	</td></tr>
  <tr>
    <td>add(NodeNormal node)</td>
    <td>(none)</td>
    <td>node:待添加的节点</td>
    <td>
    	给节点添加子节点
    	</td></tr>
	</tbody>
</table>





<!-- 第4个类 -->
<br /><br /><br /><br /><br />
<a name="DivTree"><!-- --></a>
<h2>类 DivTree</h2>

<h6>	DivTree代表复选框树。</h6>
不给例子了，因为使用和<a href="#DivTreeNormal">DivTreeNormal</a>一样，只是方法多了几个。
 
<h4>另请参见：</h4>
<p>
	<a href="#DivTreeNormal">DivTreeNormal</a>
</p>
	
<table class="reference" cellSpacing="0" border="1" >
  <tbody>
  <tr>
    <th>域和方法</th>
    <th>返回值</th>
    <th>参数</th>
    <th>描述</th></tr>
  <tr>
    <td>DivTreeNormal(String name)</td>
    <td>构造方法，返回一个DivTreeNormal对象</td>
    <td>name:根节点名称</td>
    <td>
    	建立一个普通树对象。
    	</td></tr>
  <tr>
    <td>tree</td>
    <td>TreeNormal</td>
    <td>(none)</td>
    <td>
    	只读域，获得树的包含所有节点的对象
    	</td></tr>
  <tr>
    <td>div</td>
    <td>HTMLElement</td>
    <td>(none)</td>
    <td>
    	只读域，获得树的div对象
    	</td></tr>
  <tr>
    <td>init()</td>
    <td>(none)</td>
    <td>(none)</td>
    <td>
    	把树的第1级节点显示出来，只用于初始化时
    	</td></tr>
  <tr>
    <td>add(NodeNormal node)</td>
    <td>(none)</td>
    <td>node:待添加的1级节点</td>
    <td>
    	给树添加第一级节点
    	</td></tr>
  <tr>
    <td>clickRootNode()</td>
    <td>(none)</td>
    <td>(none)</td>
    <td>单击根节点的反应
    	</td></tr>
  <tr>
    <td>clickNode(int xuhao)</td>
    <td>(none)</td>
    <td>xuhao:节点的序号</td>
    <td>单击节点的反应
    	</td></tr>
  <tr>
    <td>isSelectAll()</td>
    <td>boolean</td>
    <td>(none)</td>
    <td>所有节点是否都被选中，是则true
    	</td></tr>
  <tr>
    <td>getNodes()</td>
    <td>Array:Node</td>
    <td>(none)</td>
    <td>返回节点数组，不含子节点，较常用
    	</td></tr>
  <tr>
    <td>getNodesAll()</td>
    <td>Array:Node</td>
    <td>(none)</td>
    <td>返回节点数组，全部
    	</td></tr>
  <tr>
    <td>getNodesMoji()</td>
    <td>Array:Node</td>
    <td>(none)</td>
    <td>返回节点数组，末级节点，不一定最后一层
    	</td></tr>
  <tr>
    <td>hideTreeBody()</td>
    <td>(none)</td>
    <td>(none)</td>
    <td>隐藏树身
    	</td></tr>
  <tr>
    <td>showTreeBody()</td>
    <td>(none)</td>
    <td>(none)</td>
    <td>显示树身
    	</td></tr>
	</tbody>
</table>





<!-- 第5个类 -->
<br /><br /><br /><br /><br />
<a name="Tree"><!-- --></a>
<h2>类 Tree</h2>
<h6>	Tree代表复选框树的数据结构，可以获得数组形式的所有节点和树形式的所有节点，可以获得包含自己的树对象。
</h6>
公共属性和<a href="#TreeNormal">TreeNormal</a>一样，
<h4>另请参见：</h4>
<p>
	<a href="#DivTree">DivTree</a><br />
	<a href="#Node">Node</a>
</p>
<table class="reference" cellSpacing="0" border="1" >
  <tbody>
  <tr>
    <th>域和方法</th>
    <th>返回值</th>
    <th>参数</th>
    <th>描述</th></tr>
  <tr>
    <td>treename</td>
    <td>Stirng</td>
    <td>(none)</td>
    <td>
    	只读域，获得树的根节点名称
    	</td></tr>
  <tr>
    <td>maxlevel</td>
    <td>int</td>
    <td>(none)</td>
    <td>
    	只读域，获得树的最大级别，就是层数
    	</td></tr>
  <tr>
    <td>root</td>
    <td>Node</td>
    <td>(none)</td>
    <td>
    	只读域，获得树的根节点，然后可以获得所有节点
    	</td></tr>
  <tr>
    <td>divtree</td>
    <td>DivTree</td>
    <td>(none)</td>
    <td>
    	只读域，获得树
    	</td></tr>
  <tr>
    <td>treeArray</td>
    <td>Array:Node</td>
    <td>(none)</td>
    <td>
    	只读域，获得树所有节点对应的一个简单的数组
    	</td></tr>

	</tbody>
</table>






<!-- 第6个类 -->
<br /><br /><br /><br /><br />
<a name="Node"><!-- --></a>
<h2>类 Node</h2>
<h6>	Node代表复选框节点。</h6>
没例子了。<br />
关于给节点加属性：看<a href="#NodeNormal">NodeNormal</a>类的说明<br />
其实与NodeNormal类差别还是不小的，但是公共属性一样。
	
<h4>另请参见：</h4>
<p>
	<a href="#DivTree">DivTree</a><br />
<a href="#Tree">Tree</a>
</p>
<table class="reference" cellSpacing="0" border="1" >
  <tbody>
  <tr>
    <th>域和方法</th>
    <th>返回值</th>
    <th>参数</th>
    <th>描述</th></tr>
  <tr>
    <td>name</td>
    <td>Stirng</td>
    <td>(none)</td>
    <td>
    	只读域，节点名称，也就是在页面的显示
    	</td></tr>
  <tr>
    <td>parent</td>
    <td>Node</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的父节点，只有根节点的该属性值为null
    	</td></tr>
  <tr>
    <td>previous</td>
    <td>Node</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的前一个节点
    	</td></tr>
  <tr>
    <td>next</td>
    <td>Node</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的下一个节点
    	</td></tr>
  <tr>
    <td>child</td>
    <td>Array:Node</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的子节点，数组成员类型还是Node
    	</td></tr>
  <tr>
    <td>level</td>
    <td>int</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的级别，根节点为0
    	</td></tr>
  <tr>
    <td>tree</td>
    <td>Tree</td>
    <td>(none)</td>
    <td>
    	只读域，获得节点的树对象，如要获得最外层的树则使用node.tree.divtree
    	</td></tr>
  <tr>
    <td>add(Node node)</td>
    <td>(none)</td>
    <td>node:待添加的节点</td>
    <td>
    	给节点添加子节点
    	</td></tr>
	</tbody>
</table>







<br /><br /><br /><br /><br /><br />
<a name="gengxinshuoming"><!-- --></a>
更新说明：
<pre style="font:normal 12px 'Courier New';">
4.0版更新说明：(2007/05/16)
1）在IE6.0和FireFox2.0上测试通过，其实就css文件里多了一句话
2）专门加了一个API使用文档。
3）为了在同一个文件中混合使用两种树，改类名了，
4）添加了隐藏树身和显示树身的方法

3.1版更新说明
(1)图片改成gif
(2)对对象的命名有了好方法。

3.0版更新说明：
新增方法：
(1)树的方法getNodesAll(),返回一个数组，所有被选中的节点（当然不含半灰色的节点，下同）
(2)树的方法getNodesMoji(),返回一个数组，末级所有被选中的节点，注意不一定是最后一层。
(3)把单击一般节点和根节点的方法放到DivTree.js文件的最后，方便使用者修改。
(4)单击一般节点的方法：clickNode()
(5)单击根节点的方法:clickRootNode()，一般用户都要修改
(6)又把单击根节点的图标的方式修改了，
   改成和最开始一样，点一下，其余节点消失，再点出现。
(7)试图用document.createDocumentFragment()优化代码，不过看起来没什么效果。

2007/02/09
新加方法判断是否根节点被选中
isSelectAll();
true表示被选中
false表示不被选中

</pre>
<br /><br /><br /><br /><br /><br />
</body>
</html>