記一次angular1中使用ztree樹形結構

2021-09-05 10:25:09 字數 1166 閱讀 1980

需求邏輯是:專案發票要新增個報銷功能,-部門單據型別展示-選擇後生成對應的報銷單據並開啟

正文開始:

//1.引入所需要的依賴

"css/ztreestyle.css" rel=

"stylesheet" type=

"text/css"

>

"lib/jquery/dist/jquery.min.js"

>

<

/script>

//試了幾個jquery都可以

"lib/jquery/dist/jquery.ztree.all.js"

>

<

/script>

"lib/jquery/dist/jquery.ztree.exhide.js"

>

<

/script>

頁面 必須設定class="ztree"的容器(具體可根據自己專案來設計結構等

"resultsdata"

class

="ztreebox" style=

"overflow:auto;height: 320px;"

>

"tree"

class

="ztree"

>

<

/ul>

<

/div>

//3.

$scope.setting =

, key:},

callback:

} $.fn.ztree.

init($

("#tree"

), $scope.setting, $scope.znodes)

.expandall

(true);

//這個可根據自己專案邏輯放在合適的位置,專案中是請求資料成功後,生成樹並展示expandall(true)設為預設展開

這裡補個後續,頁面多次重複呼叫介面報銷獲得到資料,樹形結構卻沒法展示出來,谷歌除錯發現頁面上每呼叫一次重新生成樹結構的彈出框,頁面上多個彈出框了,試了銷毀樹結構我這裡不行,然後用的angularjs中$destory監聽事件(這個事件會在路由發生跳轉的時候觸發。)對彈出框移除(angular還是不太熟啊),這一大問題記一筆

記一次muse ui 使用

vue init webpack test musenpm i muse ui snpm i babel plugin import less less loader d然後,將.babelrc的 plugins 裡面新增一段 裡面的 plugins import 在使用的時候出現過乙個問題,專案本...

記一次vue splitpane使用

splitpane 分割面板元件 介紹,是乙個可以拖動選單寬度,可以生成想要 的選單寬度和內容寬度的一種布局方式。v on resize resize methods else if newwidth this.stepboxwidth this.stepboxwidth json.parse js...

記一次的使用

將jsp拆分frame框架,因為採用了第一種方式,一直在考慮用jquery非同步請求獲取資料,總是但不到效果,終於在js寫吐的時候選擇了第二種方式。參考網上的使用,大多是下面這個樣子,如果涉及靜態頁面之間定位,是沒有問題的 href 為目標頁面 通過target定位到frame views main...