本篇介绍Ext.form.Label组件的基本用法:

这里通过上一篇介绍的button按钮的click事件来测试Ext.form.Label组件的用法,首先点隐藏的时候将Ext.form.Label组件隐藏,而后又通过button 这个反复键来显示Ext.form.Label组件,详细看图片效果以及代码

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

如图所示,当选择隐藏的时候就出现下图

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

当选择上图时,就又会出现

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

下面看看代码:

<form );
                flag = 0;
            }
        });
       
        //比较常用的方法主要有 以下方法都较为简单 在本示例中你可以对所有的方法自行测试下就知道是什么意思了
        addClass( string cls )
        destroy()
        disable()
        enable()
        focus( [Boolean selectText], [Boolean/Number delay] )
        getBox( [Boolean local] )
        getEl()
        getId()
        getItemId()
        getPosition( [Boolean local] )
        getSize()
        getXType()
        getXTypes()
        hide()
        isVisible()
        isXType( String xtype, [Boolean shallow] )
        setDisabled( Boolean disabled )
        setHeight( Number height )
        setPosition( Number left, Number top )
        setSize( Number/Object width, Number height )
        setText( String text, [Boolean encode] )
        setVisible( Boolean visible )
        setWidth( Number width )
        show()
        updateBox( Object box )      
       
    }
    Ext.onReady(ready);
    </script>
    </div>
    </form>

 

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

如图所示,当选择隐藏的时候就出现下图

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

当选择上图时,就又会出现

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

相关文章: