關於使用layui中的tree的乙個坑

2022-09-07 16:57:24 字數 973 閱讀 7631

最近幾天,因為專案需要,所以自學了下layui,在使用之前就對其比較感興趣,畢竟封裝的東西也不錯(個人見解),在接觸到layui之後,現在有個需要就是將部門做成tree的樣子,開始覺得不怎麼難,畢竟都框架都封裝的很好,只要後端組裝json傳送到前端就ok,但。。。。看下圖吧

這是前端傳送的ajax請求

再看列印的json資料:

再看官網給出的例子中的json格式:

對比下,看這json格式與官網中給出的案例格式是一致的,但最後的給我展示出來的結果卻不讓人開心!

看到這個樣子,腦子有點懵,然後開始懷疑是不是自己後端組裝json格式的原因?然後經歷了幾種json轉換,以及將物件傳送到前端來組裝成json,最後還是一樣的結果!後面上完廁所之後,仔細分析了下,應該不是json格式和後端資料的問題,可能是格式的問題,最後再將node資料改成下面測試了下:

測試之後,完美顯示成功,如下圖:

的確,再看下deptlist和jsondata的型別,如下圖:

看完這型別之後,大家應該都會明白吧!我記得我之前使用ztree的時候好像也發生過這種錯誤,json格式和資料都沒錯,唯一就是資料的型別問題,乙個是string型別,乙個是object型別,最後導致解析錯誤,上次沒有寫下記住,這次必須寫下謹記!!!

關於layui中laydate的使用細節

本人近期用到laydate日曆控制項,將日曆單獨展示出來,並在特定的日期下做圓點標記,並且獲取選中的日期。最後找到的資料,希望會有所幫助。效果圖 console.log enddate 得結束的日期時間物件,開啟範圍選擇 range true 才會返回。物件成員同上。done function va...

關於layui的基本使用問題

使用時首先要檢視文件,會介紹基本的用法。專案中需要引入layui.js,跟layui.css 這種是模組化載入的方式,若是模組化載入方式,一定要在專案中匯入解壓包內的模組,因為有些內建模組是可能使用到的 如果有錯誤,可以使用瀏覽器的開發者工具進行測試。我出現的問題是下拉框,核取方塊,單選框等未顯示的...

關於layui框架中的select的監聽

首先,我是個菜鳥,自己做點常犯錯誤的筆記。大神勿噴 在layui的select中,發現平常的監聽根本不起作用,不管是使用change,onchange,click,onclick,有些情況下是根本不起作用的,不管是你換哪個版本的jquery檔案。不管是用name取值,還是id,都不起作用,當這些都試...