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的transform做的动态时钟效果
Sep 21 HTML / CSS
CSS3属性background-size使用指南
Dec 09 HTML / CSS
使用CSS3 制作一个material-design 风格登录界面实例
Dec 12 HTML / CSS
css3如何绘制一个圆圆的loading转圈动画
Jan 09 HTML / CSS
CSS3之transition实现下划线的示例代码
May 30 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
Mar 01 HTML / CSS
html5-Canvas可以在web中绘制各种图形
Dec 26 HTML / CSS
HTML5 embed 标签使用方法介绍
Aug 13 HTML / CSS
多视角3D逼真HTML5水波动画
Mar 03 HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 HTML / CSS
CSS 制作波浪效果的思路
May 18 HTML / CSS
CSS的class与id常用的命名规则
May 18 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数组的交集array_intersect(),array_intersect_assoc(),array_inter_key()函数的小问题
2011/05/29 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
php jsonp单引号转义
2014/11/23 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
php封装好的人民币数值转中文大写类
2015/12/20 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
javaScript arguments 对象使用介绍
2013/10/18 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
2016/10/18 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
2018/08/08 jQuery
详解angular应用容器化部署
2018/08/14 Javascript
Ant Design Pro 下实现文件下载的实现代码
2019/12/03 Javascript
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
python list排序的两种方法及实例讲解
2017/03/20 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
使用python接入微信聊天机器人
2020/03/31 Python
Django admin禁用编辑链接和添加删除操作详解
2019/11/15 Python
Python enumerate函数遍历数据对象组合过程解析
2019/12/11 Python
解决Python3.8运行tornado项目报NotImplementedError错误
2020/09/02 Python
python tqdm库的使用
2020/11/30 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
C语言中break与continue的区别
2012/07/12 面试题
医学护理系毕业生求职信
2013/10/01 职场文书
房地产财务部员工岗位职责
2014/03/12 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
《三顾茅庐》教学反思
2014/04/10 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
2016年优秀党务工作者先进事迹材料
2016/02/29 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python