河北省科技資訊通用調查系統需求-----------開發日誌---第四天
阿新 • • 發佈:2020-10-14
今天終於實現了,樹形結構的功能,併成功傳入了資料庫;
再來複習一遍樹形結構
說白了樹形結構其實與常用的JavaScript一樣,只不過加了一些節點,使用方法也很簡單
1.需要匯入必要的jQuery檔案,一下是我匯入的jQuery:
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jquery.ztree.core.js"></script> <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
如果沒有,可以通過上網查詢很容易就可以找到。
2.實現樹形結構:
<SCRIPT LANGUAGE="JavaScript"> var zTree; var setting = {}; var zNodes = [ {name:"100", open:true, children:[ {name:"101"}, {name:"102"}]}, {name:"200", open:true, children:[ {name:View Code"201"}, {name:"202"}]} ]; $(document).ready(function(){ zTree = $.fn.zTree.init($("#tree"), setting, zNodes); }); </SCRIPT>
截圖如下:
然後就是專案需要的目錄:
當然這些目錄的內容需要自己去找,可以直接從網上爬取,也可以存入資料庫,具體方法,都不是很難,這就考驗到了,你的只是寬度,慢慢學唄
以上就是今天學習並實現到專案中的內容。