amazeui树节点自动展开折叠面板并选中第一个树节点的实现

吾爱分享编注:

 

这篇文章主要介绍了amazeui树节点自动展开折叠面板并选中第一个树节点的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

适用amazeui.tree版本:未知(截止到2018年10月)

Amaze UI Tree是Amaze框架的扩展,优点是风格与Amaze框架一致,缺点是很不完善,为了能够在项目中应用,对其核心代码做了修改(另文发表,不在此赘述)。其API中选定树节点的函数多次尝试未果,干脆重写一个。如下:

//默认展开折叠面板
$(“#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’);
}
});
更多高质量站长资源下载,请收藏吾爱分享者资源,地址:https://52sharew.cn/

到此这篇关于amazeui树节点自动展开折叠面板并选中第一个树节点的实现的文章就介绍到这了,更多相关amazeui树节点内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

源自:https://www.jb51.net/html5/742049.html

更多高质量站长资源下载,请收藏吾爱分享者资源,地址:https://52sharew.cn/

免责声明:本资源来源于互联网,安全性未知,使用前请自行甄别;本资源来源于互联网,如有侵权请及时联系我们,我们将在72小时内删除侵权内容;本资源存储在云盘,如发现链接失效,请 点此反馈 我们会第一时间更新。
吾爱分享者资源 » amazeui树节点自动展开折叠面板并选中第一个树节点的实现

发表评论