Joomla!-开源天空

显示如下图所示的树状结构数据，在Joomla!中也是非常简单的。


首先我们要引入behavior.tree，只需一行代码：

<?php JHTML::_('behavior.tree','media-tree'); ?>

然后需要设置显示的层(div)，注意这一行是必须的，否则会导致adopt某某错误，我跟踪了很长时间的代码才发现问题，切记！

<div id="media-tree_tree"></div>

div的命名是有规则的，接下来我们会说到。

然后就是我们要显示的树状结果数据。

<ul id="media-tree">
 <li id="1"><a hre="/1.html">aaaa</a></li>
 <li id="2"><a hre="/2.html">bbbb</a>
 <ul>
   <li id="1"><a hre="/3.html">cccc</li>
   <li id="2"><a hre="/4.html">dddd</li>  
 </ul>  
 </li>
</ul>

我们仔细看一下命名的规则,ul是media-tree，则div是后缀_tree，而在JHtml中的第二个参数是ul的id.当然你也可以不按这个规则，而在参数中设定，但是我不推荐这样做了，还要去理解那么多参数，够麻烦的。

完整代码清单如下:
<?php JHTML::_('behavior.tree','media-tree'); ?>
<div id="media-tree_tree"></div>
<ul id="media-tree">
 <li id="1"><a hre="/1.html">aaaa</a></li>
 <li id="2"><a hre="/2.html">bbbb</a>
 <ul>
   <li id="1"><a hre="/3.html">cccc</li>
   <li id="2"><a hre="/4.html">dddd</li>  
 </ul>  
 </li>
</ul>