如何在蓝色区域加上滚动条、菜单过多是自动出现

left.js
Ext.ns("Morik", "Morik.Office", "Morik.Util", "Morik.Office.Department");
Morik.Office.LeftMenu = function(config) {
var d = Ext.apply( {// default set
width : 200,
split : true,
region : 'west',
collapseMode :'mini',
defaults : {
border : false
},
layoutConfig : {
animate : true
}
}, config || {}); config = Ext.apply(d, {
layout : 'accordion',
collapsible : true
});
Morik.Office.LeftMenu.superclass.constructor.call(this, config);
//改进，并为增加了个配置项tree!
for(var i=0;i<this.trees.length;i++){
this.add({title:this.trees[i].getRootNode().text,items:[this.trees[i]]});
}
// 事件处理
this.addEvents('nodeClick');
this.initTreeEvent();
} Ext.extend(Morik.Office.LeftMenu, Ext.Panel, {
initTreeEvent : function() {
if(!this.items) return;
for (var i = 0;i < this.items.length; i++) {
var p = this.items.itemAt(i);
if (p)
var t = p.items.itemAt(0);
if(t)
t.on( {
'click' : function(node, event) {
if (node && node.isLeaf()) {
event.stopEvent();
this.fireEvent('nodeClick', node.attributes);
}
},
scope : this
});
}
}
})
I

//获取左侧菜单
var lefttreels = [];
$.ajax({
url : 'leftmenu.do',
cache : false,
async : false,
type : "POST",
success : function (result){
var respText = Ext.util.JSON.decode(result);
for(var i=0;i<respText.length;i++){
var lefttree = new Ext.tree.TreePanel( {
border : false,
rootVisible : false,
loader : new Ext.tree.TreeLoader({
dataUrl : 'leftmenu!qymenulist.do?menuId='+respText[i].id
}),
root: new Ext.tree.AsyncTreeNode({
//进入时是否展开
expanded: false,
text: "<font style='color: #15428B;font-size: 12px;font-weight: bolder;'> "+respText[i].text+"</font>"
})
});
lefttreels.push(lefttree);
}
}
});
// 3、创建左侧树形菜单
var leftmenu = new Morik.Office.LeftMenu( {
style : 'padding:0 0 0 1px;',
width : 220,
title : '我的办公桌',
trees : lefttreels
});I

这种效果吧？

.x-panel-body{overflow-y: auto;}
可以直接给这个加样式。

楼主你这个树行菜单是从后台拿的数据吗？ ...能否发一份，谢谢