layui treetable 点击展示全部

页面重构列表展开事件

        treetable.toggleRows = function ($dom, linkage) {var type = $dom.attr('lay-ttype');if ('file' == type) {return;}var mId = $dom.attr('lay-tid');var isOpen = $dom.hasClass('open');if (isOpen) {$dom.removeClass('open');} else {$dom.addClass('open');}let iconList = $("#munu-table").next('.treeTable').find('.layui-table-body tbody tr');treeList(mId,iconList);$dom.closest('tbody').find('tr').each(function () {var $ti = $(this).find('.treeTable-icon');var pid = $ti.attr('lay-tpid');var ttype = $ti.attr('lay-ttype');var tOpen = $ti.hasClass('open');if (mId == pid) {if (isOpen) {$(this).hide();if ('dir' == ttype && tOpen == isOpen) {$ti.trigger('click');}} else {$(this).show();if (linkage && 'dir' == ttype && tOpen == isOpen) {$ti.trigger('click');}}}});}function treeList(mid,iconLists){iconLists.each(function(){var $ti = $(this).find('.treeTable-icon');var pid = $ti.attr('lay-tpid');var myMid = $ti.attr('lay-tid');var type = $ti.attr('lay-ttype');if(pid == mid && type == 'dir'){openCloseTr($ti);treeList(myMid,iconLists);}})}function openCloseTr($ti){var ttype = $ti.attr('lay-ttype');var tOpen = $ti.hasClass('open');if ('dir' == ttype && !tOpen) {$ti.trigger('click');}}

layui treetable 点击展示全部相关推荐

layui表格点击按钮下方新增加空白行
layui表格点击按钮下方新增加空白行一.先上代码二.代码解析三.实现业务逻辑分析四.页面展示一.先上代码 html界面代码 js代码二.代码解析这只是我个人的的代码解析,想要得到更详细 ...
layui表格点击排序按钮后，表格绑定事件失效解决方法
layui表格点击排序按钮后,表格绑定事件失效解决方法参考文章: (1)layui表格点击排序按钮后,表格绑定事件失效解决方法 (2)https://www.cnblogs.com/gongliha ...
kayui进行添加_关于layui 实现点击按钮添加一行(方法渲染创建的table)
目标:layui 实现点击按钮添加一行解决方案: 方案1.table 是用转换静态表格的方式创建的,写一个button,每次点击按钮,就添加一个标签: 方案2.table 是用方法渲染的方式创建的 ...
Android 自定义view 实现点击展示下拉选项效果
思路: 使用PopWindow ,里面布局为listview,点击展示PopWindow,点击其他区域或者选择完成时关闭PopWindow~ 关键点: 1,实现头部视图(本文名为:pop_out_t ...
LayUI treetable树形表格的实现，数据格式正确，不显示的解决方案和在这个过程中遇到的坑~ 认真看你会得到一些想要的答案。
先给大家看下效果吧! 我这边只是针对数据显示的问题做了解释.并没有增删改查.找增删改查的同学可以不用看了. 做出这样的效果,首先我们要借用LayUI的内置插件,treetable.js 网上有很多,之 ...
高斯模糊加图片展示（仿ipad qq图片点击展示）
1.前言项目中有需要点击展示大图的,然而发现手机端的图片展示更多的是黑色背景+图片展示,最多加上个缩放动画.更让强迫症纠结的是:因为android的本身的原因(从nexus到小米魅族) ...
layui select框动态展示option与拿值
真是我写到吐血才写出来的,分享给你们,希望有所帮助: 照例先看样式: 这里展示的小红和小明是数据库里的, 这是页面上layui jsp的代码 <div class="layui-for ...
layui实现点击表格内图片，放大显示
应用:通过点击表格里的图片,实现放大效果显示效果: 代码如下: <div>//表格展示 <table lay-filter="table" lay-data=& ...
jquery特效（1）—点击展示与隐藏全文
下班了~~~我把今天整理的一个jquery小特效发一下,个人觉得比较简单,嗖嗖的就写出来了~~~ 下面先来看最终的动态效果: 一.来看一下主体框架程序: <!DOCTYPE html> & ...

layui treetable 点击展示全部

layui treetable 点击展示全部相关推荐

最新文章

热门文章