[英]Displaying data in tree structure php sql
我的網站(php)有一些類別和相應的子類別。
我想以樹形結構顯示它們。
首先應該使用加號顯示類別,當有人點擊加號時,下面的類別應該向下滑動並顯示相應的子類別。
這是我在許多網站上發現的非常常見的瘦,但無法找到如何做到這一點。
請建議如何實現這種結構。
謝謝。
其中(M)(V)(C)指向MVC應用程序結構,請參閱:
http://oreilly.com/php/archive/mvc-intro.html
您可以使用嵌套集模型或Adjecency列表來執行此操作。 閱讀這些內容,有很多可用的示例代碼。 有關更多信息,請閱讀http://en.wikipedia.org/wiki/Tree_(data_structure )。
使用jQuery,我的演示js(這是一個插件在3分鍾內寫完):
(function($){
$.fn.subcath = function() {
return this.each(function() {
obj = $(this);
var subcath=$('.subcath', obj);
alert(obj.html());
obj.click(function (){
subcath.toggle('slow');
});
});
}})(jQuery);
HTML:
<SCRIPT language="JavaScript" SRC="jquery.js"></SCRIPT>
<SCRIPT language="JavaScript" SRC="my_plugin.js"></SCRIPT>
<script>
$().ready(function() {
$('.subcath').hide();
$('.menu').subcath();
});
</script>
<ul class='menu'>
<div class="cathegory" >
<li class="cath" >Cath1</li>
<div class="sub_cathegory" >
<ul class="subcath">
<li class="sub_el" >Cath1</li>
<li class="sub_el" >Cath2</li>
</ul>
</div>
</div>
<div class="cathegory" >
<li class="cath" >Cath1</li>
<div class="sub_cathegory" >
<ul class="subcath">
<li class="subcath_el" >Cath3</li>
<li class="subcath_el" >Cath4</li>
</ul>
</div>
</div>
</ul>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.