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动画和opacity透明度实现呼吸灯效果
Aug 09 HTML / CSS
CSS3支持IE6, 7, and 8的边框border属性
Dec 28 HTML / CSS
CSS实现的一闪而过的图片闪光效果
Apr 23 HTML / CSS
css3 position fixed固定居中问题解决方案
Aug 19 HTML / CSS
纯css3实现的竖形无限级导航
Dec 10 HTML / CSS
CSS3+js实现简单的时钟特效
Mar 18 HTML / CSS
浅谈CSS3中的变形功能-transform功能
Dec 27 HTML / CSS
HTML5 MiranaVideo播放器 (代码开源)
Jun 11 HTML / CSS
HTML5页面中尝试调起APP功能
Sep 12 HTML / CSS
canvas探照灯效果的示例代码
Nov 30 HTML / CSS
CSS 实现多彩、智能的阴影效果
May 12 HTML / CSS
CSS SandBox应用场景及常见问题
Jun 25 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
什么是短波收听SWL
2021/03/01 无线电
如何过滤高亮显示非法字符
2006/10/09 PHP
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
PHP调用JAVA的WebService简单实例
2014/03/11 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
php中session定期自动清理的方法
2015/11/12 PHP
PDO::errorCode讲解
2019/01/28 PHP
js树形控件脚本代码
2008/07/24 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
2010/03/05 Javascript
JQuery获取当前屏幕的高度宽度的实现代码
2011/07/12 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
浅析在javascript中创建对象的各种模式
2016/05/06 Javascript
canvas知识总结
2017/01/25 Javascript
angular.JS实现网页禁用调试、复制和剪切
2017/03/31 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
python生成随机图形验证码详解
2017/11/08 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
解决Mac下使用python的坑
2019/08/13 Python
OpenCV中VideoCapture类的使用详解
2020/02/14 Python
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
刘胡兰的英雄事迹材料
2014/02/11 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
社会工作专业自荐信
2014/09/26 职场文书
奖学金感谢信
2015/01/21 职场文书
公务员年终个人总结
2015/02/12 职场文书
小学教师工作总结2015
2015/04/07 职场文书
Python绘画好看的星空图
2022/03/17 Python