成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

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

Miyang / 3242人閱讀

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

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

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

Html代碼





通信監(jiān)測(cè)

后臺(tái)代碼

    @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ù)庫(kù)存儲(chǔ)格式

sql查詢

返回前端的json格式為

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104459.html

相關(guān)文章

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

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

    zebrayoung 評(píng)論0 收藏0

  • CSS 的介紹

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

    libxd 評(píng)論0 收藏0

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

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

    lunaticf 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<