前端 js渲染樹結(jié)構(gòu)數(shù)據(jù)

    function fun_getTreeNodeHtml(dataArr,isFilterChild,kingId){
        var classHidden = (isFilterChild) ? 'initHidden' : '' ;
        var htmlStr = '<ul class="'+ classHidden +'">';
        var liStr = '';
        for(var i=0; i<dataArr.length; i++){
            var item = dataArr[i];
            var childSize = item.childItems.length;
            var labelClass = (childSize==0) ? '' : 'moreItem';
            var iconStr = (childSize==0) ? '' : '<span class="icon"></span>' ;
            var checkBoxStr = (childSize==0) ? '<input type="checkbox" class="checkItem"/>' : '' ;
            //var titleTextStr = titleText ? titleText+'/'+item.Describe_CN : item.Describe_CN
            var kingId = (kingId) ? kingId : item.Kind ;
            liStr += '<li><label class="'+ labelClass +'" data-kind="'+ kingId +'" data-id="'+ item.DangerousCargoCodeID +'" data-text="'+ item.Describe_CN +'">'+ iconStr + checkBoxStr + item.Describe_CN +'</label>'                
            if(childSize){
                liStr += fun_getChildNodeHtml(item.childItems,kingId) 
            }else{
                liStr += '</li>'
            }
        }
        htmlStr += liStr + '</ul>'
        return htmlStr
        
    }
    function fun_getChildNodeHtml(childDataArr,kingId){
        var htmlStr = fun_getTreeNodeHtml(childDataArr,true,kingId)
        return htmlStr;
    }
    var dataArr = [{
    "Kind": 1,
    "ParentID": 0,
    "Describe_CN": "",
    "childItem": [{
        "Kind": 1,
        "ParentID": 29,
         "Describe_CN": "",
        "childItems": [],
    }, {
        "Kind": 1,
        "ParentID": 29,
         "Describe_CN": "",
        "childItems": [{
        "Kind": 1,
        "ParentID": 29,
         "Describe_CN": "",
        "childItems": []
    }]
    }];  //tree結(jié)構(gòu)數(shù)據(jù)  參考數(shù)據(jù)
    var HTML = fun_getTreeNodeHtml(dataArr,false,'')
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容