今天,有空看看有关ExtJs中有关隐藏文本框的东东。
相关的属性:
hideLabel: 设置是否显示文本框前面的文本
hidden: 设置是否显示文本框
hideMode: 隐藏的模式和css中的显示模式对应。其值可以是"display","visibility","offsets"。默认值是display。
display:是指文本框本身并不占显示位置。也就是css中的display设置成none等价于display:none。但在FF下可以是正确的显示,在IE6下却不是预想的效果。具体原因不明,待调查。
visibility:是文本框本身占有位置,只是看不到它。在FF和IE6下都是正常显示。
offsets:是将文本框的起始位置设置成position:absolute;left:-10000px;top:-10000px;visibility:hidden;使文本显示在屏幕以外而看不到。在FF和IE6下都正常显示。
在IE6下显示的效果
[img]/upload/attachment/84298/623e92ef-8b94-353c-90d9-359926bd960c.png[/img]
在FF下显示的效果
[img]/upload/attachment/84292/5c6e3f38-69f9-3f7d-815f-b08edc9fff61.png[/img]
FF版本:Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.7)Gecko/2009021910 Firefox/3.0.7
IE版本:6.0.2900.5512.xpsp_sp3_gdr.080814-1236
相关的属性:
hideLabel: 设置是否显示文本框前面的文本
hidden: 设置是否显示文本框
hideMode: 隐藏的模式和css中的显示模式对应。其值可以是"display","visibility","offsets"。默认值是display。
display:是指文本框本身并不占显示位置。也就是css中的display设置成none等价于display:none。但在FF下可以是正确的显示,在IE6下却不是预想的效果。具体原因不明,待调查。
visibility:是文本框本身占有位置,只是看不到它。在FF和IE6下都是正常显示。
offsets:是将文本框的起始位置设置成position:absolute;left:-10000px;top:-10000px;visibility:hidden;使文本显示在屏幕以外而看不到。在FF和IE6下都正常显示。
在IE6下显示的效果
[img]/upload/attachment/84298/623e92ef-8b94-353c-90d9-359926bd960c.png[/img]
在FF下显示的效果
[img]/upload/attachment/84292/5c6e3f38-69f9-3f7d-815f-b08edc9fff61.png[/img]
FF版本:Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.7)Gecko/2009021910 Firefox/3.0.7
IE版本:6.0.2900.5512.xpsp_sp3_gdr.080814-1236