JQuery EasyUI treegrid设置折叠节点

最新推荐文章于 2022-09-08 11:39:12 发布

weixin_34342578

最新推荐文章于 2022-09-08 11:39:12 发布

阅读量652

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/viator42/p/3524433.html

本文提供了一个easyuitreegrid组件的使用示例，重点介绍了如何在加载成功后自动折叠所有节点。

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

设置easyui treegrid 默认折叠节点

在 onLoadSuccess函数中设置,遍历所有根节点调用collapseAll.
示例:

$('#myTask').treegrid({
        width:    _w - sidebarWidth,  
        height:    _h - 90, 
        url:'/ProjectManSys/indexTask/',  
        //method:'get',
        idField:'id',
        treeField:'name',
        //toolbar: '#projectTb',
        autoRowHeight: true,
        striped:true,
        fitColumns: true,
        //scrollbarSize: 400,
        animate:false,
        rownumbers:false,
        columns:[[
            {title:'id',field:'id',hidden:true},
            {field:'name',title:'名称',width:($(window).width() - sidebarWidth) * 0.1,formatter:onFormatterTask}, 
            {field:'user',title:'人员',width:($(window).width() - sidebarWidth) * 0.1},
            {field:'status',title:'状态',width:($(window).width() - sidebarWidth) * 0.1}, 
            {field:'startTime',title:'开始时间',width:($(window).width() - sidebarWidth) * 0.1},
            {field:'endTime',title:'结束时间',width:($(window).width() - sidebarWidth) * 0.1},
            {field:'desc',title:'描述',width:($(window).width() - sidebarWidth) * 0.1}
        ]],
        rowStyler:onTaskRowStyle,
        onLoadSuccess: function (row, data)
        {
            $.each(data, function (i, val) { $('#myTask').treegrid('collapseAll', data[i].id)})
        }
    });