這篇文章主要介紹amazeui樹節(jié)點自動展開折疊面板并選中第一個樹節(jié)點的實現(xiàn)方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)專注于七星企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都做商城網(wǎng)站。七星網(wǎng)站建設(shè)公司,為七星等地區(qū)提供建站服務(wù)。全流程按需制作網(wǎng)站,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)Amaze UI Tree是Amaze框架的擴展,優(yōu)點是風格與Amaze框架一致,缺點是很不完善,為了能夠在項目中應(yīng)用,對其核心代碼做了修改(另文發(fā)表,不在此贅述)。其API中選定樹節(jié)點的函數(shù)多次嘗試未果,干脆重寫一個。如下:
//默認展開折疊面板 $("#user-nav").collapse('open'); //默認點擊第一個button var btnArray = $(".am-tree-branch-name.click-item"); btnArray.each(function(i){ //console.log($(this).html()); if ( i == 1 ) { $(this).click(function(){ $(".click-item").removeClass("am-tree-icon"); $(".click-item").removeClass("am-icon-check"); $(this).addClass("am-tree-icon"); $(this).addClass("am-icon-check"); var obj = new Object(); obj.title = $(this).attr("data.title"); obj.level = $(this).attr("data.level"); $(this).trigger('tree-click', { data: obj }); }); $(this).trigger('click'); } });
以上是“amazeui樹節(jié)點自動展開折疊面板并選中第一個樹節(jié)點的實現(xiàn)方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!