JsTree 使用總結(jié)

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

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

JsTree 使用總結(jié)

JsTree

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

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

2. 頁面調(diào)用

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

// 分類樹多選
// treeVal 是通過 layer 的 parent 傳遞過來的
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. 頁面調(diào)用
var TypeSelect = function(){
    layer.open({
        type:2,
        title:"選擇分類",
        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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

klinson 2019-08-19 10:42 評論0 收藏0