关于 Ext.EventObject中的getWheelDelta()方法无效的说明

刚开始自己学ext的时候是看视频教程学习，【传智播客蔡世友】【ExtJs视频教程】，但是看了一遍也跟着大概做了一下，也能用，但是具体的还是不是很清楚，所以后来准备系统的学习一下ext，因为公司有本教材叫《深入浅出ExtJS(第2版)》，为了方便，去网上下载了一本pdf的，开始系统的学习！

刚开始有的一般的小例子都能使用，可是到了Ext.EventObjedt中的getWheelDelta()方法时，本来是通过滑动鼠标轮可以改变text的长度的，可是怎么弄都不管事，后来就先放弃，往后接着学，当做到Ext.BoxComponent时，奇迹的事情发生了，原来的滑轮改变大小的操作居然可以使用了，我猜测是box.render();方法在其中起到了作用，换成panel，再次尝试render();，果然起效，应该就是需要ext渲染（render），反正是能够使用了，再深入的东西现在先不扣，以后有时间再深研究，先把那个代码贴出来吧，方便学习的童鞋们参考

　　Ext.get(document.body).on('mousewheel',function(e){
        var delta=e.getWheelDelta();
        var test=Ext.get('test');
        var width=test.getWidth();
        test.setWidth(width+delta*200,true);
    });
    var grid=new Ext.Panel({
        title:'hello',
        width:200,
        height:300
    });
    grid.render('my-header-div');