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


Posted in HTML / CSS onAugust 24, 2020

适用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树节点内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!            

HTML / CSS 相关文章推荐
CSS3实现大小不一的粒子旋转加载动画
Apr 21 HTML / CSS
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
Nov 16 HTML / CSS
详解CSS3:overflow属性
Nov 17 HTML / CSS
前端面试必备之html5的新特性
Sep 05 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(二)
Jan 21 HTML / CSS
html5新增的属性和废除的属性简要概述
Feb 20 HTML / CSS
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
Apr 10 HTML / CSS
有关HTML5页面在iPhoneX适配问题
Nov 13 HTML / CSS
canvas实现圆形进度条动画的示例代码
Dec 26 HTML / CSS
Html5 Canvas动画基础碰撞检测的实现
Dec 06 HTML / CSS
HTML5 FileReader对象的具体使用方法
May 22 HTML / CSS
html5拖拽应用记录及注意点
May 27 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
Aug 21 #HTML / CSS
Canvas波浪花环的示例代码
Aug 21 #HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
Aug 21 #HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
Aug 21 #HTML / CSS
amazeui 验证按钮扩展的实现
Aug 21 #HTML / CSS
前端H5 Video常见使用场景简介
Aug 21 #HTML / CSS
前后端结合实现amazeUI分页效果
Aug 21 #HTML / CSS
You might like
发一个php简单的伪原创程序,配合商城采集用的
2010/10/12 PHP
php分页示例分享
2014/04/30 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
简单介绍JavaScript的变量和数据类型
2015/06/03 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
addeventlistener监听scroll跟touch(实例讲解)
2017/08/04 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python文件夹与文件的操作实现代码
2014/07/13 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
Python3实现购物车功能
2018/04/18 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
Python 定义只读属性的实现方式
2020/03/05 Python
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
毕业生求职简历的自我评价
2013/10/07 职场文书
小学毕业感言300字
2014/02/19 职场文书
森林病虫害防治方案
2014/06/02 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
庆七一活动简报
2015/07/20 职场文书
Java实现多线程聊天室
2021/06/26 Java/Android
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis