layui treetable 点击展示全部

最新推荐文章于 2025-05-27 17:00:18 发布

mrs_qian

最新推荐文章于 2025-05-27 17:00:18 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：后台模块文章标签： layui 前端 javascript

本文链接：https://blog.youkuaiyun.com/mrs_qian/article/details/125656777

后台模块专栏收录该内容

12 篇文章

订阅专栏

博客主要围绕页面重构中的列表展开事件进行阐述，涉及前端相关技术，利用JavaScript等实现列表展开功能，对页面进行重构优化，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面重构列表展开事件

        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');
            }
        }