JsTree 使用總結(jié)

RebeccaZhong 發(fā)布于2019-08-22 17:04 / 1599人閱讀

摘要：使用總結(jié)在使用的過(guò)程中，因項(xiàng)目需要添加按鈕來(lái)控制樹(shù)節(jié)點(diǎn)的提交為綁定自定義事件代碼提交單選和復(fù)選是否默認(rèn)選中父子級(jí)別級(jí)聯(lián)選擇點(diǎn)擊按鈕提交分類(lèi)樹(shù)選中節(jié)點(diǎn)獲取所有的已經(jīng)選中的節(jié)點(diǎn)信息，如果要獲得全部信息則需要開(kāi)啟，

JsTree 使用總結(jié)

JsTree

在使用 JsTree 的過(guò)程中，因項(xiàng)目需要添加按鈕來(lái)控制樹(shù)節(jié)點(diǎn)的提交

為 JStree 綁定自定義事件 1. JS 代碼

2. 頁(yè)面調(diào)用

var treeVal;
// 引入分類(lèi)樹(shù)
$(".ibox").on("click",".eqTypeName",function(){
    treeVal = $(this);
    layer.open({
        type:2,
        title:"選擇分類(lèi)",
        area : [ "300px", "450px" ],
        content:contpath+"equip/eqType/typeTreeView"
    })
});

// 分類(lèi)樹(shù)多選
// treeVal 是通過(guò) layer 的 parent 傳遞過(guò)來(lái)的
function loadEqType(treeVal,result){
    //$("#eqType").val(typeId);
    // 重置文本框
    treeVal.val("");
    // 選中的節(jié)點(diǎn)數(shù)為1
    if(result.length == 1){
        treeVal.val(result[0].text);
    }else{
        // 選中的節(jié)點(diǎn)數(shù)若大于1，用","將字符分隔
        for(var i = 0;i
JStree 原生事件
1. 當(dāng)選擇改變時(shí)觸發(fā)







    

        
            

                
                    
                
                
                    
                        
                    
                
            
        
    
    


    



2. 頁(yè)面調(diào)用
var TypeSelect = function(){
    layer.open({
        type:2,
        title:"選擇分類(lèi)",
        area : [ "300px", "450px" ],
        content:contpath+"equip/eqType/typeTreeView"
    })
}
function loadEqType(typeId,typeName){
    $("#eqType").val(typeId);
    $("#eqTypeName").val(typeName);
}
License
可以拷貝、轉(zhuǎn)發(fā)，但是必須提供原作者信息，同時(shí)也不能將本項(xiàng)目用于商業(yè)用途。

云服務(wù)器 GPU云服務(wù)器使用方法總結(jié) JsTree jstree實(shí)例 jstree更新節(jié)點(diǎn)

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

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

相關(guān)文章

jsTree （js 實(shí)現(xiàn)多級(jí)菜單+點(diǎn)擊節(jié)點(diǎn)頁(yè)面跳轉(zhuǎn)）

摘要：如圖，通過(guò)實(shí)現(xiàn)動(dòng)態(tài)菜單欄閱讀的官方文檔之后，你會(huì)知道，它有很多實(shí)現(xiàn)方式，我下面使用的是請(qǐng)求，從后臺(tái)獲取數(shù)據(jù)返回給。如圖，通過(guò)jsTree實(shí)現(xiàn)動(dòng)態(tài)菜單欄 showImg(https://segmentfault.com/img/bVbtyWb?w=234&h=354); 閱讀jsTree的官方文檔之后，你會(huì)知道，它有很多實(shí)現(xiàn)方式，我下面使用的是Ajax請(qǐng)求，從后臺(tái)獲取json數(shù)據(jù)返回給...

leejan97 2019-08-23 17:59 評(píng)論0 收藏0
j'sTree （js 實(shí)現(xiàn)多級(jí)列表，文件目錄）詳細(xì)使用案例+代碼

摘要：如圖，要做一個(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...

Miyang 2019-08-23 17:58 評(píng)論0 收藏0
Learn Forge tutorial - 向?qū)紽orge進(jìn)階教程

摘要：團(tuán)隊(duì)陸續(xù)的推出了很多學(xué)習(xí)資料和樣例工程，這些資源在學(xué)習(xí)簡(jiǎn)談做了介紹。近期，團(tuán)隊(duì)制作了一個(gè)向?qū)竭M(jìn)階教程，旨在通過(guò)一步一步的教學(xué)，讓初學(xué)者熟悉有關(guān)和的用法。目前上線的有，，即將上線的是。 Autodesk Forge團(tuán)隊(duì)陸續(xù)的推出了很多學(xué)習(xí)資料和樣例工程，這些資源在Autodesk Forge 學(xué)習(xí)簡(jiǎn)談做了介紹。而部分資源由于API本身的變動(dòng)，或者代碼的變動(dòng)，可能無(wú)法正常使用了，我們會(huì)逐...

韓冰 2019-08-15 15:20 評(píng)論0 收藏0
Learn Forge tutorial - 向?qū)紽orge進(jìn)階教程

摘要：團(tuán)隊(duì)陸續(xù)的推出了很多學(xué)習(xí)資料和樣例工程，這些資源在學(xué)習(xí)簡(jiǎn)談做了介紹。近期，團(tuán)隊(duì)制作了一個(gè)向?qū)竭M(jìn)階教程，旨在通過(guò)一步一步的教學(xué)，讓初學(xué)者熟悉有關(guān)和的用法。目前上線的有，，即將上線的是。 Autodesk Forge團(tuán)隊(duì)陸續(xù)的推出了很多學(xué)習(xí)資料和樣例工程，這些資源在Autodesk Forge 學(xué)習(xí)簡(jiǎn)談做了介紹。而部分資源由于API本身的變動(dòng)，或者代碼的變動(dòng)，可能無(wú)法正常使用了，我們會(huì)逐...

wenshi11019 2019-06-28 18:42 評(píng)論0 收藏0
基于 Spring Boot 和 Shiro 的權(quán)限管理系統(tǒng)，界面風(fēng)格為 Material Desi

摘要：系統(tǒng)簡(jiǎn)介是一個(gè)簡(jiǎn)單高效的后臺(tái)權(quán)限管理系統(tǒng)。開(kāi)發(fā)時(shí)直接使用的入口類(lèi)啟動(dòng)即可，訪問(wèn)地址。部署時(shí)建議打包成包，訪問(wèn)地址端口號(hào)。本軟件使用協(xié)議，請(qǐng)嚴(yán)格遵照協(xié)議內(nèi)容。系統(tǒng)簡(jiǎn)介 FEBS是一個(gè)簡(jiǎn)單高效的后臺(tái)權(quán)限管理系統(tǒng)。項(xiàng)目基礎(chǔ)框架采用全新的Java Web開(kāi)發(fā)框架 —— Spring Boot，消除了繁雜的XML配置，使得二次開(kāi)發(fā)更為簡(jiǎn)單；數(shù)據(jù)訪問(wèn)層采用Mybatis，同時(shí)引入了通用Mappe...

klinson 2019-08-19 10:42 評(píng)論0 收藏0