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个性化字体_动力节点Java学院整理
Jul 12 HTML / CSS
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
Nov 18 HTML / CSS
CSS中垂直居中的简单实现方法
Jul 06 HTML / CSS
CSS3的常见transformation图形变化用法小结
May 13 HTML / CSS
通过一张图教会你CSS3倒影的实现
Sep 26 HTML / CSS
解决H5的a标签的download属性下载service上的文件出现跨域问题
Jul 16 HTML / CSS
整理的15个非常有用的 HTML5 开发教程和速查手册
Oct 18 HTML / CSS
a标签下载链接的简单实现
Sep 13 HTML / CSS
HTML5实现自带进度条和滑块滑杆效果
Apr 17 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
Sep 25 HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
Jun 03 HTML / CSS
HTML5 body设置全屏背景图片的示例代码
Dec 08 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程序员的13个好习惯小结
2012/02/20 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
PHP判断是否有Get参数的方法
2014/05/05 PHP
YII路径的用法总结
2014/07/09 PHP
php、mysql查询当天,查询本周,查询本月的数据实例(字段是时间戳)
2017/02/04 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
JScript的条件编译
2007/05/29 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
JS更改select内option属性的方法
2015/10/14 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
jQuery使用unlock.js插件实现滑动解锁
2017/04/04 jQuery
详解用node.js实现简单的反向代理
2017/06/26 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
JavaScript canvas基于数组生成柱状图代码实例
2020/03/06 Javascript
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
python自动裁剪图像代码分享
2017/11/25 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
python定义具名元组实例操作
2021/02/28 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
HTML 5 input placeholder 属性如何完美兼任ie
2014/05/12 HTML / CSS
人事专员职责
2014/02/22 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
退休欢送会致辞
2015/07/31 职场文书
关于空气污染危害的感想
2015/08/11 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers
zabbix监控mysql的实例方法
2021/06/02 MySQL