2012年4月5日 星期四

jQuery樹狀選取-checkboxtree

checkbox
最近有需要用到類似圖片上的UI,有人有寫好的外掛用起來就輕鬆了,主要是可以做樹枝裝的展開跟選取功能,如果網站有要用到有子母關係的選單可以使用這個外掛。

首先下載checkboxtree

首先用準備類似這樣的ul跟li組合起來的結構。

<ul>
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
<li></li>
</ul>


然後引入外掛,因為這個外掛是jQuery UI的延伸,記得也要引入jQuery UI,不然會沒辦法使用。

結構都準備好了就直接使用就好了,官網還有其他的使用方式說明,有要使用的可以去研究看看適合自己網站的用法。
  1. $('#tree1').checkboxTree();  

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...