首页前端开发HTMLamazeui树节点自动展开折叠面板并选中第一个树节点的实现

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

时间2024-01-25 06:43:05发布访客分类HTML浏览687
导读:收集整理的这篇文章主要介绍了amazeui树节点自动展开折叠面板并选中第一个树节点的实现,觉得挺不错的,现在分享给大家,也给大家做个参考。 适用amazeui.tree版本:未知(截止到2018年10月)Amaze UI Tree...
收集整理的这篇文章主要介绍了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');
                       }
                   }
    );
    

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: amazeui页面校验功能的实现代码下一篇:如何使用amaze ui的分页样式封装...猜你在找的html5相关文章 关于移动端h5开发相关内容总结2022-05-17html5教程-学表单的第二天2018-12-10html5教程-HTML5浏览器支持2018-12-10html5教程-HTML5智能表单2018-12-10html5教程-微信H5使用resLoader实现加载页效果2018-12-10html5教程-day01-初级-JS0-热身运动JS入门教程2018-12-10html5教程-html5shiv.js和respond.min.js2018-12-10html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性2018-12-10html5教程-使用Html5实现手风琴案例2018-12-10html5教程-html5笔记2018-12-10 其他相关热搜词更多phpjavapython程序员load

若转载请注明出处: amazeui树节点自动展开折叠面板并选中第一个树节点的实现
本文地址: https://pptw.com/jishu/586232.html
Canvas波浪花环的示例代码 AmazeUI 按钮交互的实现示例

游客 回复需填写必要信息