easyui treegrid 如何默认节点展开第一级？

Posted 2023-03-19

参考技术A 　　绑定数据的时候把node.state值设置为open 或者 数据加载完毕后，调用expandAll方法，展开所有节点.用法：tg.treegrid("expandAll");本回答被提问者和网友采纳 参考技术B tree 的默认展示第一级


onLoadSuccess: function (node, data) 
    //默认展开到市
   var roots= $("#knowledgeType_roleFuncTree").tree('getRoots'),children=null,i,j;  
      for(i=0;i<roots.length;i++)  
          $("#knowledgeType_roleFuncTree").tree('expand', roots[i].target);  
      

如上参考：http://a475334705.iteye.com/blog/2205741


combotree 默认展示第一级：

onLoadSuccess : function(node, data) 
   //默认展开到下级
    var t = $("#warehouse_search_distric").combotree('tree');
   t.tree('collapseAll');  
   var childObj = t.tree('getChildren');
   var node = t.tree('find', childObj[0].id);
   t.tree('expand', node.target);



//我没用过treegrid，所以蛮写，你们自己参考的时候，要明确点是，数据格式怎么样
//两种数据格式：
//1.格式如下：(有且只有一个共同父节点，比如一个省默认展示到市级)
//    福建省
//        福州市
//        厦门市
//        莆田市
//        漳州市
var node = $("#tt").treegrid("find","福建省的id"); 
$("#tt").treegrid("expand",node.target);


//2.另外一种格式，有多个父节点，多个省，默认展示到市级
//        福建省
//                福州市
//                厦门市
//                莆田市
//                漳州市
//                ...
//         广东省
//                广州
//                汕头       
//                梅州
//                ...
//这种情况下，其实就是第一个类型的多个，你只要for循环下就可以。
//分别找到福建省、广东省等id  你可以放在一个数组里面
//然后通过 for 循环
    var node = $("#tt").treegrid("find",各个id);
    $("#tt").treegrid("expand",node.target);

    
    
    
    
    
    
PS.
     哦，今天无聊逛自己回答，发现自己以前回答有问题，就过来完善下，
     省的被后面参考的人喷。= = 对了，仅供参考，要是敢喷我，我提着杀猪刀宰了你们我跟你们说！！  
     默认展开第几级其实就是expand他的父节点( "expand ",node.target)。
     node通过find找到；
     看API、API！！！诶屁哎！！

easyui tree 全部展开在折叠。部分子节点没有折叠

//树的数据是异步加载的 ··
//先加载一级节点，在加载次级节点
</delete>
<!-- 获取左侧树的数据 -->
<select id="getDepartmentTree" resultType="demo.model.TreeNode"
parameterType="demo.model.Department">
select fid as id, fcode||' '||fname as text , ( case fisleaf when '0' then 'closed' when '1' then 'open' end ) as state
from test_basic_department
<where>
<if test="1==1">
1=1
</if>
<choose>
<when test="dept== null">
AND flevel=1
</when>
<otherwise>
AND fcode like #dept.fcode,jdbcType=VARCHAR||'%'
AND flevel=#dept.flevel,jdbcType=VARCHAR+1
</otherwise>
</choose>
</where>
order by fcode
</select>
--------------------------------------------------------------------------------------
//想要实现第一次进去页面的时候就把所有数据都加载出来。
onLoadSuccess:function(node,data)
if(node!=null)
$(this).tree('expand',node.target);
$(this).tree('collapse',node.target);


-------------------------------------------------------------------------------------------
//但是数据有全部加载了 ，但是总会有最后一个加载的节点的子节点没有折叠
//这个子节点是最后一个加载的节点的子节点。是随机产生的

--------------------------------------------------------------------------------------------------
怎么解决这个问题吖·········
在线等
回答好另有加分

参考技术A var width = $(window).width()-80;
var height = $(window).height()-120;
stView_layout = $('#stView_layout').layout(
width: width,
height: height
);
station_view = $('#stationView').window(
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h)
if(stView_treegrid)
stView_treegrid.treegrid(
width:w-20,
height:h-260
);


);