easyUI用的树形菜单,父级菜单默认是打开的,但是父菜单和子菜单太多了我想让父菜单默认是合上的该怎么做

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyUI用的树形菜单,父级菜单默认是打开的,但是父菜单和子菜单太多了我想让父菜单默认是合上的该怎么做相关的知识,希望对你有一定的参考价值。

参考技术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
);


);本回答被提问者和网友采纳

easyui中的下拉菜单是树形结构时如何实现onchange方法

今天碰到一个问题就是我写的代码中的一个下拉列表显示的是树型菜单,代码如下(使用的是easyui):

....

<tr>
<td>地区:</td>
<td><input type="combo" id="areaId" name="areaId"
class="easyui-combotree" data-options="{url:‘areaTree‘}"></td>
<td>区域属性:</td>
<td><input type="combo" id="regionId" name="regionId"></td>
</tr>

....

现在出现了一个问题,我要在地区的下拉列表中加一个onChange方法做一些其它处理,如果只是简单的combo,比如<input type="combo" id="regionId" name="regionId">

那么,我只需要在对它初始化时加上onChange事件就可以了,如下:

$(‘#regionId‘).combobox({
data : JSON.parse(‘${regionCombo}‘),
panelHeight : ‘auto‘,
editable : false,
// value:1

onChange: function (n,o) {

alert("我是老大!");

}

});

但是显示树形下拉列表后好像这种做法不行,最后追本思源,重新看了一遍easyui中的插件combo,与comboTree的介绍,然后把$(‘#areaId‘).combo({...})改为$(‘#areaId‘).combotree({...})如下:

$(‘#areaId‘).combotree({

onChange:function(newValue,oldValue){
alert(newValue);
}
});

 然后测试,发现通过。

原因是因为,组合树(combotree)是将combo与tree组合在一起实现 的,它本身继承 了combo的所有事件,但是前提是写的时候不能用$().combo要用$().combotree才可以

 

以上是关于easyUI用的树形菜单,父级菜单默认是打开的,但是父菜单和子菜单太多了我想让父菜单默认是合上的该怎么做的主要内容,如果未能解决你的问题,请参考以下文章

EasyUI创建异步树形菜单和动态添加tab页面

EasyUI 树形菜单加载父/子节点

EasyUI之树形菜单

easyui中的下拉菜单是树形结构时如何实现onchange方法

EasyUI+zTree实现简单的树形菜单切换

[easyUI] 树形菜单 tree