前端树结构数据很多怎么展示(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树节点内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- amaze如何创建作品(AmazeUI 网格的实现示例)
- 前端模态框数据(amazeui模态框弹出后立马消失并刷新页面)
- amazeui官网(AmazeUI 评论列表的实现示例)
- ui界面的测试用例(AmazeUI 模态窗口的实现代码)
- amaze开发者(AmazeUI中各种的导航式菜单与解决方法)
- 安卓app开发用什么设计ui(AmazeUI框架搭建的方法步骤图文)
- 小程序推荐ui库(AmazeUI 列表的实现示例)
- amazeui图标(AmazeUI 折叠面板的实现代码)
- 小程序ui设计样式(AmazeUI 平滑滚动效果的示例代码)
- amaze算法(amazeui 验证按钮扩展的实现)
- 前端轮播图效果(AmazeUI图片轮播效果的示例代码)
- 导航app开发的技术(AmazeUI导航的示例代码)
- amazeui怎么设置侧边栏(AmazeUI 等分网格的实现示例)
- 2020app前端ui框架(amazeui页面分析之登录页面的示例代码)
- 前端ui 滑动条(AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码)
- app开发自定义导航栏(AmazeUI底部导航栏与分享按钮的示例代码)
- 岳云鹏跟凤凰传奇谈心,说出了人生中最重要的三个人,这才成功(岳云鹏跟凤凰传奇谈心)
- 爱情可以当饭吃吗(爱情能当饭吃吗)
- Top 3 JSHS《运动与健康科学 英文 》跻身SCI体育学期刊世界前三(Top3JSHS运动与健康科学)
- 体坛传媒LOGO全新升级,多元发展迈出坚实步伐(体坛传媒LOGO全新升级)
- 超撩人治愈的绝美水彩,原来出自她之手 一笔一画令无数人沉醉(超撩人治愈的绝美水彩)
- 新手的勾线(新手的勾线)
热门推荐
- linux设置监控命令(linux系统虚拟主机开启支持SourceGuardiansg11加密组件的详细步骤)
- SqlServer 表连接教程(问题解析)(SqlServer 表连接教程问题解析)
- dedecms自定义联动类别方法(DEDECMS点击主栏目默认显示第一个子栏目列表的方法)
- 程序员如何快速适应新工作
- 如何检查css 兼容性(CSS浏览器兼容性常见问题总结大全推荐)
- 利用docker容器化开发环境(使用docker搭建sonarqube的方法)
- MVC中outputcache缓存
- pythonmatplotlib实例(Python3使用Matplotlib 绘制精美的数学函数图形)
- 宝塔ftp服务器怎么设置(宝塔面板创建的ftp登陆无法连接的解决方案)
- mysql 使用小结(Mysql Online DDL的使用详解)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9