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 media queries + jQuery实现响应式导航
Sep 30 HTML / CSS
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 HTML / CSS
纯CSS3绘制打火机动画火焰效果
Jul 18 HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
Jan 18 HTML / CSS
详解HTML5 LocalStorage 本地存储
Dec 23 HTML / CSS
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
Jan 30 HTML / CSS
关于HTML5语义标签的实践(blog页面)
Jul 12 HTML / CSS
处理textarea中的换行和空格
Dec 12 HTML / CSS
AmazeUI图片轮播效果的示例代码
Aug 20 HTML / CSS
z-index不起作用
Mar 31 HTML / CSS
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
Aug 07 HTML / CSS
六个好看实用的 HTML + CSS 后台登录入口页面
Apr 28 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操作数组相关函数
2011/02/03 PHP
php中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
php和javascript之间变量的传递实现代码
2012/12/19 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
文本框的字数限制功能jquery插件
2009/11/24 Javascript
JQuery中上下文选择器实现方法
2015/05/18 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
2017/07/19 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
如何检查一个对象是否为空
2019/04/11 Javascript
typescript nodejs 依赖注入实现方法代码详解
2019/07/21 NodeJs
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
新手该如何学python怎么学好python?
2008/10/07 Python
Python使用functools模块中的partial函数生成偏函数
2016/07/02 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
django admin.py 外键,反向查询的实例
2019/07/26 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
基于python 凸包问题的解决
2020/04/16 Python
幼儿教师工作感言
2014/02/14 职场文书
哈弗商学院毕业生求职信
2014/02/26 职场文书
2014年端午节活动方案
2014/03/11 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
学生期末评语大全
2014/04/30 职场文书
网站创业计划书
2014/04/30 职场文书
群众路线教育实践活动思想汇报(2014特荐篇)
2014/09/16 职场文书
干部职工纪律作风整改措施思想汇报
2014/10/11 职场文书
出国签证在职证明范本
2014/11/24 职场文书
青岛导游词
2015/02/12 职场文书
离婚起诉书范本
2015/05/18 职场文书
Python如何加载模型并查看网络
2022/07/15 Python