zTree -- jQuery 樹插件使用筆記
基本上無害
發(fā)布于 云南 2018-10-31 · 2.1w瀏覽 1贊

setting 常用配置

var setting = {    // 異步請求設(shè)置
    async: {
            autoParam: [page: 1], // 異步請求提交參數(shù)
            contentType: "application/x-www-form-urlencoded",
            dataFilter: function(treeId, parentNode, responseData){
                // 異步請求返回值預(yù)處理
                // treeId: 對應(yīng)zTree的treeId
                // parentNode: 進(jìn)行異步加載的父節(jié)點(diǎn)JSON數(shù)據(jù)對象
                // responseData: 異步加載后獲取到的數(shù)據(jù)
                return responseData;
            },
            dataType: 'text',
            enable: true, // 異步加載開關(guān)
            type: 'post',
            url: 'your url',
    }
    
    callback: {
        beforeAsync: function(){
            // 異步前回調(diào)
        },
        beforeClick: function(){
            // 單擊前回調(diào)
        },
        beforeCollapse: function(){
            // 折疊前回調(diào)
        },
        beforeDblClick: function(){
            // 雙擊前回調(diào)
        },
        beforeExpand: function(){
            //展開前回調(diào)
        },
        // 單機(jī)、展開、雙擊...后的回調(diào)與前的回調(diào)相同,將before替換為on,略
    }
    
    data: {
        keep: {
            leaf: false, // 子節(jié)點(diǎn)屬性鎖開關(guān)
            parent: false, // 是否鎖定父節(jié)點(diǎn)屬性
        }
        simpleData: {
            enable: false, // 簡單模式數(shù)據(jù)開關(guān)
            idKey: "id", // 節(jié)點(diǎn)數(shù)據(jù)唯一標(biāo)識名稱
            pIdKey: "pid", // 父節(jié)點(diǎn)標(biāo)識名稱
        }
    }
}

zTree 常用方法

$.fn.zTree: {
    init(obj, zSetting, zNodes) // 初始化,創(chuàng)建zTree
    getZTreeObj(treeId) // 獲取zTree,主要用于回調(diào)
    destroy(treeId) // 銷毀}

zTreeObj: {
    setting // 設(shè)置
    addNodes(parentNode, index,newNodes, isSilent) // 添加節(jié)點(diǎn),在多層異步請求子菜單時較好用
    cancelSelectedNode(node) // 取消節(jié)點(diǎn)選中狀態(tài)
    expandAll(expandFlag) // 展開所有節(jié)點(diǎn)
    expandNode(treeNode, expandFlag, sonSign, focus, callbackFlag) // 展開/折疊指定節(jié)點(diǎn)
    getNodeByParam(key, value, paramNode) // 根據(jù)節(jié)點(diǎn)屬性搜索節(jié)點(diǎn)
    getNodeById(tId) // 根據(jù)id
    getNodeIndex(node) // 獲取節(jié)點(diǎn)在同級中的序號(從零開始)
    getNode() // 獲取所有節(jié)點(diǎn)
}

treeNode 常用節(jié)點(diǎn)數(shù)據(jù)

treeNode:{
    children // 節(jié)點(diǎn)的子節(jié)點(diǎn)數(shù)據(jù)集合
    click // 最簡單的click事件操作
    getCheckStatus // 獲取節(jié)點(diǎn) checkbox / radio 半勾選狀態(tài)
    halfCheck // 強(qiáng)制節(jié)點(diǎn)的 checkBox / radio 的 半勾選狀態(tài)
    getIndex // 獲取 treeNode 節(jié)點(diǎn)在同級節(jié)點(diǎn)中的位置
    getNextNode // 獲取與 treeNode 節(jié)點(diǎn)相鄰的后一個節(jié)點(diǎn)
}


基本上無害
火星宛如雪花,從42號有軌電車車頂?shù)墓渭娖魃巷w落而下。
瀏覽 2.1w
1
相關(guān)推薦
最新評論
贊過的人 1
評論加載中...

暫無評論,快來評論吧!