【原】基础篇:第六篇,Ext组件系列之--button组件的基本用法

本篇介绍Ext.button组件的基本用法:这个组件的许多属性都很简单,看名字就知道什么意思,那这里就不再描述.

<div><img src="../Images/Menus/house.png" alt=""/>
    <br />
    <br />
    <div ,function()
        {
            Ext.Msg.alert('提示消息框','测试Button组件：mouseover事件！');
        });

        buttonName.on("mouseout",function()
        {
            Ext.Msg.alert('提示消息框','测试Button组件：mouseout事件！');
        });

               
        比较常用的事件　从字面上就能够理解它们的意思　还有更多的方法请参考Ext2.2官方文档
        mouseout : ( Button this, Event e ) ;   
        mouseover : ( Button this, Event e );
        beforedestroy : ( Ext.Component this ) ;
        beforehide : ( Ext.Component this ) ;
        beforerender : ( Ext.Component this )
        beforeshow : ( Ext.Component this )
        click : ( Button this, EventObject e )
        destroy : ( Ext.Component this )
        disable : ( Ext.Component this )
        enable : ( Ext.Component this )
        hide : ( Ext.Component this )
        show : ( Ext.Component this )
        render : ( Ext.Component this )
       
    }
    Ext.onReady(ready);
    </script>
    </div>