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的Regions扩展
Aug 07 HTML / CSS
基于Jquery和Css3代码制作可以缩放的搜索框
Nov 19 HTML / CSS
css3使用animation属性实现炫酷效果(推荐)
Feb 04 HTML / CSS
HTML5新表单元素_动力节点Java学院整理
Jul 12 HTML / CSS
详解如何用canvas画一个微笑的表情
Mar 14 HTML / CSS
html5 svg 中元素点击事件添加方法
Jan 16 HTML / CSS
谈一谈HTML5本地存储技术
Mar 02 HTML / CSS
快速实现一个简单的canvas迷宫游戏的示例
Jul 04 HTML / CSS
recorder.js 基于Html5录音功能的实现
May 26 HTML / CSS
纯CSS实现hover图片pop-out弹出效果的实例代码
Apr 16 HTML / CSS
css3中2D转换之有趣的transform形变效果
Feb 24 HTML / CSS
CSS 左边固定宽右边自适应的6种方法
May 15 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中看实例学正则表达式
2006/12/25 PHP
php 面向对象的一个例子
2011/04/12 PHP
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
yii2中关于加密解密的那些事儿
2018/06/12 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
jQuery.holdReady()使用方法
2014/05/20 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
JS产生随机数的几个用法详解
2016/06/22 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
2017/01/21 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
vue select选择框数据变化监听方法
2018/08/24 Javascript
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
js实现开关灯效果
2020/03/30 Javascript
JavaScript实现世界各地时间显示
2020/09/07 Javascript
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
对PyQt5中的菜单栏和工具栏实例详解
2019/06/20 Python
python多线程并发及测试框架案例
2019/10/15 Python
python range实例用法分享
2020/02/06 Python
Django中和时区相关的安全问题详解
2020/10/12 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
波兰快递服务:Globkurier.pl
2019/11/08 全球购物
酒店个人求职信范文
2014/01/25 职场文书
消防器材管理制度
2014/01/28 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
环保倡议书怎么写
2014/05/16 职场文书
医德医风自我评价
2014/09/19 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python
基于Python和openCV实现图像的全景拼接详细步骤
2021/10/05 Python