1. 程式人生 > 實用技巧 >河北省科技資訊通用調查系統需求-----------開發日誌---第四天

河北省科技資訊通用調查系統需求-----------開發日誌---第四天

今天終於實現了,樹形結構的功能,併成功傳入了資料庫;

再來複習一遍樹形結構

說白了樹形結構其實與常用的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:
"201"}, {name:"202"}]} ]; $(document).ready(function(){ zTree = $.fn.zTree.init($("#tree"), setting, zNodes); }); </SCRIPT>
View Code

截圖如下:

然後就是專案需要的目錄:

當然這些目錄的內容需要自己去找,可以直接從網上爬取,也可以存入資料庫,具體方法,都不是很難,這就考驗到了,你的只是寬度,慢慢學唄

以上就是今天學習並實現到專案中的內容。