2010年06月30日   ExtJs, 头条   13,345 次浏览

如果需要将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的值设置成有或无状态。

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

>>> Hello World <<<

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

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

目前有有一条留言:

  • 1# 匿名:
    2010-07-26 00:08

    发挥发挥

:wink: :twisted: :surprised: :smile: :smile9: :smile8: :smile7: :smile6: :smile5: :smile56: :smile55: :smile54: :smile53: :smile52: :smile51: :smile50: :smile4: :smile49: :smile48: :smile47: :smile46: :smile45: :smile44: :smile43: :smile42: :smile41: :smile40: :smile3: :smile39: :smile38: :smile37: :smile36: :smile35: :smile34: :smile33: :smile32: :smile31: :smile30: :smile2: :smile29: :smile28: :smile27: :smile26: :smile25: :smile24: :smile23: :smile22: :smile21: :smile20: :smile1: :smile19: :smile18: :smile17: :smile16: :smile15: :smile14: :smile13: :smile12: :smile11: :smile10: :smile0: :sad: :rolleyes1: :redface: :razz: :question: :neutral: :mrgreen: :mad: :lol: :idea: :exclaim: :evil: :eek: :cry: :cool: :confused: :biggrin: :arrow:

友情链接: 程序员刘杨 刘杨
Copyright 2003~2018 保留所有权利 | 网站地图
备案号:湘ICP备14001005号-2

湘公网安备 43011102001322号