[問題] 表格tree的做法
http://ppt.cc/w_OD
上面網址是我想要做到的示意圖
按下"行政部"之後
會跑出他相關的資料
再按一下"行政處"
則是縮起來
按下"文學院"
跑出"中國文學系""歷史學系"
按下"歷史學系" 跑出相對應資料
其餘的同理@@
然後按下旁邊菱形的圖案
則是將所屬的所有資料全部打開、關閉
===========以上是解釋===========
因為要做到這種打開關閉的動作
所以我想說使用toggle
我原先作法是
html:
<label onclick="ctl('aa')">行政處</label>
<tr id="aa1">
<td>行政處的對應資料</td>
</tr>
javascript:
function ctl(num)
{
$("tr[id*="+num+"]").toggle();
}
但我想要把第一次按下跟第二次暗下的動作
分別再加入事件
所以才會上網找了範例(PO在版上的那個)
但範例的觸發是寫在ready function裡
而我是希望可以分別寫在物件的onclick去呼叫function
因為無法預先知道會有幾層以及共有幾種類別@@
想請問
有比較好的作法嗎~"~http://ppt.cc/w_OD
上面網址是我想要做到的示意圖
按下"行政部"之後
會跑出他相關的資料
再按一下"行政處"
則是縮起來
按下"文學院"
跑出"中國文學系""歷史學系"
按下"歷史學系" 跑出相對應資料
其餘的同理@@
然後按下旁邊菱形的圖案
則是將所屬的所有資料全部打開、關閉
===========以上是解釋===========
因為要做到這種打開關閉的動作
所以我想說使用toggle
我原先作法是
html:
<label onclick="ctl('aa')">行政處</label>
<tr id="aa1">
<td>行政處的對應資料</td>
</tr>
javascript:
function ctl(num)
{
$("tr[id*="+num+"]").toggle();
}
但我想要把第一次按下跟第二次暗下的動作
分別再加入事件
所以才會上網找了範例(PO在版上的那個)
但範例的觸發是寫在ready function裡
而我是希望可以分別寫在物件的onclick去呼叫function
因為無法預先知道會有幾層以及共有幾種類別@@
想請問
有比較好的作法嗎~"~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.242.153.42
推
02/09 15:43, , 1F
02/09 15:43, 1F
討論串 (同標題文章)