tree和treenode初步
这里仅仅介绍tree和treenode标签的初步用法,我们可以通过tree和treenode在页面中生成一个树形结构。其中tree生成一个树形结构,treenode生成一个树节点。
对于tree和treenode标签,都可指定一个label属性,该属性指定了树、或者树节点的标题。看如下代码:
<!-- 使用s:tree生成树 -->
<s:tree label="计算机图书" id="book" theme="ajax"
showRootGrid="true" showGrid="true" treeSelectedTopic="treeSelected">
<!-- 每个treenode生成一个树节点 -->
<s:treenode theme="ajax" label="李刚" id="yeeku">
<!-- treenode生成下一级的子节点 -->
<s:treenode theme="ajax" label="Spring2.0宝典" id="spring"/>
<s:treenode theme="ajax" label="轻量级J2EE企业应用实战" id="lightweight"/>
<s:treenode theme="ajax" label="基于J2EE的Ajax宝典" id="ajax"/>
</s:treenode>
<s:treenode theme="ajax" label="David" id="David">
<s:treenode theme="ajax" label="JavaScript: The Definitive Guide" id="javascript"/>
</s:treenode>
<s:treenode theme="ajax" label="Johnson" id="Johnson">
<s:treenode theme="ajax" label="Expert One-on-One J2EE Design and Development" id="j2ee"/>
</s:treenode>
</s:tree>
从上面代码中可以看出,所有的treenode标签必须放在tree标签内部,或者放在treenode标签的内部。当放在tree标签的内部时,该节点是该树的根节点,当放在treenode标签的内部时,它是该节点的子节点。
初步
这里仅仅介绍tree和treenode标签的初步用法,我们可以通过tree和treenode在页面中生成一个树形结构。其中tree生成一个树形结构,treenode生成一个树节点。
对于tree和treenode标签,都可指定一个label属性,该属性指定了树、或者树节点的标题。看如下代码:
<!-- 使用s:tree生成树 -->
<s:tree label="计算机图书" id="book" theme="ajax"
showRootGrid="true" showGrid="true" treeSelectedTopic="treeSelected">
<!-- 每个treenode生成一个树节点 -->
<s:treenode theme="ajax" label="李刚" id="yeeku">
<!-- treenode生成下一级的子节点 -->
<s:treenode theme="ajax" label="Spring2.0宝典" id="spring"/>
<s:treenode theme="ajax" label="轻量级J2EE企业应用实战" id="lightweight"/>
<s:treenode theme="ajax" label="基于J2EE的Ajax宝典" id="ajax"/>
</s:treenode>
<s:treenode theme="ajax" label="David" id="David">
<s:treenode theme="ajax" label="JavaScript: The Definitive Guide" id="javascript"/>
</s:treenode>
<s:treenode theme="ajax" label="Johnson" id="Johnson">
<s:treenode theme="ajax" label="Expert One-on-One J2EE Design and Development" id="j2ee"/>
</s:treenode>
</s:tree>
从上面代码中可以看出,所有的treenode标签必须放在tree标签内部,或者放在treenode标签的内部。当放在tree标签的内部时,该节点是该树的根节点,当放在treenode标签的内部时,它是该节点的子节点。