Ext.Panel的滚动条控制

　　新进一个项目组 , 前台是用ExtJs做的 , 刚开始看的我头晕啊(ㄒoㄒ)/~~ 。不过经过一段时间的学习 ， 已经能适应开发了。最近在做一个页面 ， 采用的是Ext.viewport嵌套Ext.Panel的布局 ， 由于显示的内容比较多 ， 给Panel设置了滚动条 。 期间需要给Panel里面的一些组件添加鼠标mouseover事件 ， 触发Panel的滚动条移动 。 但是查遍API ， 并没有找到合适的解决办法 。最后决定尝试自己去找Panel的HTML代码 ， 不得不说google的调试工具很强大，结果还真让我找着了。下面贴出关键代码及解决方案。

listeners : {
    'mouseover' : function(event){
    var viewPanel = Ext.getCmp('viewPanel');
    var panelDiv = Ext.query("div[class='x-panel-body']")[0];
    panelDiv.scrollLeft = 0;
    }
}

 查找到代表panel的DIV后 ， 就可以控制它的滚动条了 。