ExtJs中TextField完全隐藏及显示方法

如果需要将TextField设置成隐藏的，可能大家首先想到的就是将hidden属性设置为ture，大家最后我们看到的效果却是field部分隐藏到了，但是label部分却没有被隐藏，所有我们怎么设置完全隐藏了?

在网上看到很多人的方法是设置hideLabel属性为ture，如下：

{ 
  xtype: 'textfield',
  fieldLabel : '是否隐藏:',
  name: 'FID',
  id: 'FID',
  hidden: true,
  hideLabel:true
}

没错这个方法可以实现我们隐藏的功能，但是我们又需要动态的来改变显示和隐藏时怎么办了？看如下代码：

var f = $("INFO_BOOL").getValue() == '1';   // 用来判断是否隐藏
$("FID").hideLabel = f;  // 设置label是否隐藏
$("FID").setVisible(f);  // 设置field是否隐藏

通常一般认为上面的代码是正确的，但是实际中第2行却是没有效果的，我们最终只是看到field可以显示和隐藏。那么我们有什么方法来实现了？

var f = $("INFO_BOOL").getValue() == '1';   // 用来判断是否隐藏
$("INFO_SERVER_ID").el.dom.parentNode.parentNode.firstChild.innerHTML = f ? '是否隐藏:' : '';  // 设置label是否隐藏
$("FID").setVisible(f);  // 设置field是否隐藏

通过上面的代码我们就可以看到label有显示和隐藏的效果，不过我们用的是另外一种方法：那就是将label的值设置成有或无状态。

赞赏

程序员刘杨

———没有写不出的程序，只有不努力的程序员。

ExtJs中TextField完全隐藏及显示方法

申明：除非注明，本站文章均为原创，转载请以链接形式标明本文地址。如有问题，请于一周内与本站联系，本站将在第一时间对相关内容进行处理。
本文地址: http://www.yyjjssnn.cn/articles/507.html

>>> Hello World <<<

这篇内容是否帮助到你了呢？

如果你有任何疑问或有建议留给其他朋友，都可以给我留言。

目前有有一条留言：

程序员刘杨

———没有写不出的程序，只有不努力的程序员。

ExtJs中TextField完全隐藏及显示方法

申明：除非注明，本站文章均为原创，转载请以链接形式标明本文地址。 如有问题，请于一周内与本站联系，本站将在第一时间对相关内容进行处理。 本文地址: http://www.yyjjssnn.cn/articles/507.html

>>> Hello World <<< 这篇内容是否帮助到你了呢？ 如果你有任何疑问或有建议留给其他朋友，都可以给我留言。

目前有有一条留言：

申明：除非注明，本站文章均为原创，转载请以链接形式标明本文地址。如有问题，请于一周内与本站联系，本站将在第一时间对相关内容进行处理。
本文地址: http://www.yyjjssnn.cn/articles/507.html

>>> Hello World <<<

这篇内容是否帮助到你了呢？

如果你有任何疑问或有建议留给其他朋友，都可以给我留言。