成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

j'sTree （js 實(shí)現(xiàn)多級列表，文件目錄）詳細(xì)使用案例+代碼

Miyang / 3285人閱讀

摘要：如圖，要做一個兩級的下拉標(biāo)簽，可以用函數(shù)實(shí)現(xiàn)，但是太麻煩，而且不靈活，查閱資料之后發(fā)現(xiàn)，很方便，下面介紹一下的入門，并附上代碼。閱讀的官方文檔之后，你會知道，它有很多實(shí)現(xiàn)方式，我下面使用的是請求，從后臺獲取數(shù)據(jù)返回給。

如圖，要做一個兩級的下拉標(biāo)簽，可以用函數(shù)實(shí)現(xiàn)，但是太麻煩，而且不靈活，查閱資料之后發(fā)現(xiàn)，jsTree很方便，下面介紹一下jsTree的入門，并附上代碼。
閱讀jsTree的官方文檔之后，你會知道，它有很多實(shí)現(xiàn)方式，我下面使用的是Ajax請求，從后臺獲取json數(shù)據(jù)返回給jsTree。

jsTree的官網(wǎng)：https://www.jstree.com/
點(diǎn)擊頁面的Download按鈕，下載并解壓之后，將dist下的文件都復(fù)制到你自己的項(xiàng)目中

Html代碼





通信監(jiān)測

后臺代碼

    @ResponseBody
    public void selectConEqui(Model model, HttpServletRequest request, HttpServletResponse response)
            throws IOException {
        List> router = routerService.selectConEqui();
        response.setContentType("application/json; charset=UTF-8");
        response.getWriter().write(new Gson().toJson(router));

    }

數(shù)據(jù)庫存儲格式

sql查詢

返回前端的json格式為

注意幾點(diǎn)：1.根級parent的值固定設(shè)為“#”，其他的不能識別；
2.“parent”，“id",”text“都是固定的命名，且都是小寫，如果數(shù)據(jù)庫字段是大寫，可以AS為小寫；
如果沒有這樣的數(shù)據(jù)庫結(jié)構(gòu)，也可以通過后臺代碼將數(shù)據(jù)改造為上述格式

更多詳細(xì)的用法，可以參考官方網(wǎng)站

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/104459.html

相關(guān)文章

  • 強(qiáng)推！大牛程序員必備的Java日志框架，性能無敵

    摘要：本文要來分享給大家程序員最常用的日志框架組件。沒有基礎(chǔ)的同學(xué)也不要著急，這套教程覆蓋了目前所有的日志框架，只要你學(xué)，就一定用得到，先收藏，以備不時之需。 作為一名Java程序員，我們開發(fā)了很多Java應(yīng)用程序，包括桌面應(yīng)用、WEB應(yīng)用以及移動應(yīng)用。然而日志系統(tǒng)是一個成熟Java應(yīng)用所必不可少的。在開發(fā)和調(diào)試階段，日志可以幫...

    zebrayoung 評論0 收藏0

  • CSS 的介紹

    摘要：第一章宋體的介紹宋體層疊樣式表，它是宋體的縮寫，作用就是給宋體標(biāo)簽加表現(xiàn)形式樣式宋體顯示，如字體，圖片，列表，位置等。宋體在制作網(wǎng)頁時必須是背景圖宋體宋體案例? 第一章?的介紹 ? 1.CSS：層疊樣式表，它是cascading style sheets的縮寫，作用就是給HTML標(biāo)簽加表現(xiàn)形式（樣式-顯示），如：字體，圖片，列表，位置等。 在瀏覽器中可以看到部分： HTML：超文本標(biāo)記語言...

    libxd 評論0 收藏0

  • vue.js中如何導(dǎo)出Excel表格

    摘要：有一個項(xiàng)目需求，要求在前端項(xiàng)目中導(dǎo)出表格，經(jīng)過查找代碼確實(shí)可以實(shí)現(xiàn)，具體實(shí)現(xiàn)步驟為安裝依賴導(dǎo)入兩個下載和，在目錄下新建文件夾，里面放入和兩個文件在引入這兩個文件在組件中使用導(dǎo)出的方法序號昵稱姓名上面設(shè)置的表格第一行的標(biāo)題上面的是里對 有一個項(xiàng)目需求，要求在前端項(xiàng)目中導(dǎo)出Excel表格，經(jīng)過查找代碼,Vue.js確實(shí)可以實(shí)現(xiàn)，具體實(shí)現(xiàn)步驟為： 1.安裝依賴 npm install -S ...

    lunaticf 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<