前端树结构数据很多怎么展示(amazeui树节点自动展开折叠面板并选中第一个树节点的实现)
类别:Web前端 浏览量:1772
时间:2021-10-26 11:46:44 前端树结构数据很多怎么展示
amazeui树节点自动展开折叠面板并选中第一个树节点的实现适用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树节点内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- 前端轮播图效果(AmazeUI图片轮播效果的示例代码)
- 2020app前端ui框架(amazeui页面分析之登录页面的示例代码)
- amazeui怎么设置侧边栏(AmazeUI 等分网格的实现示例)
- amaze开发者(AmazeUI中各种的导航式菜单与解决方法)
- 安卓app开发用什么设计ui(AmazeUI框架搭建的方法步骤图文)
- 前端app开发适配消息栏(amazeui页面校验功能的实现代码)
- 后端ui框架排名(前后端结合实现amazeUI分页效果)
- amaze如何创建作品(AmazeUI 网格的实现示例)
- ui界面的测试用例(AmazeUI中模态框的实现)
- 前端ui 滑动条(AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码)
- 前端表单验证(AmazeUI的JS表单验证框架实战示例分享)
- app开发自定义导航栏(AmazeUI底部导航栏与分享按钮的示例代码)
- ui页面动效怎么落地开发(AmazeUI 点击元素显示全屏的实现)
- 小程序ui图与移动ui(AmazeUI 缩略图的实现示例)
- 导航app开发的技术(AmazeUI导航的示例代码)
- amazeui 费用(AmazeUI的下载配置与Helloworld的实现)
- 15帅气男士发型,清爽时尚很有型,喜欢就试试(清爽时尚很有型)
- 哪几个历史人物被影协主席李雪健演的活灵活现(哪几个历史人物被影协主席李雪健演的活灵活现)
- 王伦狭隘,晁盖霸道,宋江奸诈骨头软,只有鲁智深才适合当寨主(王伦狭隘晁盖霸道)
- 他是梁山最早的头目,江湖人称 旱地忽律 ,宋江几乎将其遗忘(他是梁山最早的头目)
- 梁山创始人杜迁,为何不受宋江待见,只排名83位(梁山创始人杜迁)
- 法国面包(法国面包法棍)
热门推荐
- CSS优雅降级和渐进增强
- php网页采集教程交流(PHP实现的抓取小说网站内容功能示例)
- javascript五大继承方式(原生Javascript实现继承方式及其优缺点详解)
- ASP.NET中Server对象的用法
- vue点击导航进行内容切换(vue实现顶部左右滑动导航)
- SQL Server唯一约束
- sql数据库语言的两种使用方式(通过使用正确的search arguments来提高SQL Server数据库的性能)
- pyqt教程之一(pyqt远程批量执行Linux命令程序的方法)
- nginx配置详解(Nginx进程管理和重载原理详解)
- vueelementui侧边栏(Vue Element UI自定义描述列表组件)