前端树结构数据很多怎么展示(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树节点内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- 后端ui框架排名(前后端结合实现amazeUI分页效果)
- amaze如何创建作品(AmazeUI 网格的实现示例)
- ui页面动效怎么落地开发(AmazeUI 点击元素显示全屏的实现)
- app开发自定义导航栏(AmazeUI底部导航栏与分享按钮的示例代码)
- amazeui图标(AmazeUI 折叠面板的实现代码)
- 小程序推荐ui库(AmazeUI 列表的实现示例)
- 自定义ui组件的三个重要方法(AmazeUI 面板的实现示例)
- ui界面的测试用例(AmazeUI中模态框的实现)
- amaze开发者(AmazeUI中各种的导航式菜单与解决方法)
- amaze算法(amazeui 验证按钮扩展的实现)
- ui小程序布局(AmazeUI 输入框组的示例代码)
- 前端树结构数据很多怎么展示(amazeui树节点自动展开折叠面板并选中第一个树节点的实现)
- treeview怎么加载节点(AmazeUi Tree树形结构 应用小结)
- appui代码(AmazeUI 图标的示例代码)
- amazeui怎么设置侧边栏(AmazeUI 等分网格的实现示例)
- ui界面的测试用例(AmazeUI 模态窗口的实现代码)
- 14岁丧父 20岁丧母,从苦难走向辉煌的银泰创始人沈国军(14岁丧父20岁丧母从苦难走向辉煌的银泰创始人沈国军)
- 银泰集团董事长沈国军获评 北京影响力 十大企业家(银泰集团董事长沈国军获评)
- 15帅气男士发型,清爽时尚很有型,喜欢就试试(清爽时尚很有型)
- 哪几个历史人物被影协主席李雪健演的活灵活现(哪几个历史人物被影协主席李雪健演的活灵活现)
- 王伦狭隘,晁盖霸道,宋江奸诈骨头软,只有鲁智深才适合当寨主(王伦狭隘晁盖霸道)
- 他是梁山最早的头目,江湖人称 旱地忽律 ,宋江几乎将其遗忘(他是梁山最早的头目)
热门推荐
- iframe标签教程(关于解决iframe标签嵌套问题的解决方法)
- idea如何搭建tomcat(IDEA2020.1.2创建web项目配置Tomcat的详细教程)
- dedecms中如何设置推荐文章(实现dedecms友情链接分栏目调用的方法图)
- 阿里云服务器ecs环境配置(阿里云ECS服务器的购买、配置升级和续费教程)
- mysql的主从复制怎么做(MySQL主从复制原理以及需要注意的地方)
- python在txt指定行添加文本(Python修改文件往指定行插入内容的实例)
- html53d效果代码(HTML5 直播疯狂点赞动画实现代码 附源码)
- nginx keepalived配置(Nginx+Keepalived实现Web服务器高可用)
- 运营人员应具备的基本技能
- pandas列设置随机值(Pandas统计重复的列里面的值方法)