本篇介绍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组件的基本用法

相关文章:

  • 2021-07-04
  • 2022-02-26
  • 2022-02-18
  • 2021-08-27
  • 2022-01-25
  • 2022-01-23
  • 2022-12-23
猜你喜欢
  • 2022-01-01
  • 2022-01-13
  • 2021-10-09
  • 2021-11-15
  • 2021-10-19
  • 2021-06-03
  • 2022-02-02
相关资源
相似解决方案