用DTree實現對所有樹形結構的增刪改查

2021-05-22 17:26:29 字數 641 閱讀 7397

不管是組織機構,還是功能路徑,都是樹形結構的展示效果,

用ajax技術通過dtree來實現對所有樹形結構物件的增刪改查

思路:

1遍歷樹:看dtree的js結構,模仿這個結構從後台通過拼接string的形式拼出來,當然拼的時候肯定是動態的從資料庫取的,

資料庫表要保證有id和pid這兩個基本字段,將這個封裝成乙個tree物件,然後就通過遍歷list

只要拼好了,我想你也知道下一步怎麼辦了,把這個字串放到頁面上就可以了!

2新增樹節點:

當樹都遍歷出來後,下一步你想在某乙個節點的下面新增乙個子節點,這肯定也是要儲存到資料庫裡的,思路是這樣:這個節點有id,你滑鼠單擊這個節點的時候,要把這個id儲存起來,作為新增的下乙個子節點的pid,所以你要寫乙個js,onclick事件觸發函式,這個onclick是寫在每乙個tree的js上的,你可以將這個id儲存在乙個hidden裡,點新增節點的時候去取這個hidden的value,就知道這個節點的pid了,後面就簡單了

另外想說:dtree可以新增核取方塊和單選框的,需要修改下原始碼,很好用,比xloadtree好操作

具體操作可以參考:

js實現樹形結構

js實現樹形結構 1 html 2 js載入資料 function function loadtree ul thirdli ul li ul li 查詢所有一級節點下的 如果找到,則給 節點中除了最後乙個節點以外的節點加浮動,如果沒有 則給所有的二級加浮動 for var i 0 i parent...

DropDownList實現樹形結構顯示

droplist.items.add list 注意區別 根節點 adddropdownlist droplist,int32.parse drv nodeid tostring trim list 遞迴 return droplist 計算當前節點深度 public int depth int n...

Qt QTreeWidget 樹形結構實現 二

接著前面的內容,今天要說的是另外乙個item view class,qtreewidget。顧名思義,這個類用來展示樹型結構。同前面說的qlistwidget類似,這個類需要同另外乙個輔助類 qtreewidgetitem一同使用。不過,既然是提供方面的封裝類,即便是看上去很複雜的樹,在使用這個類的...