ext2.0.2 设置textfield 显示隐藏

最新推荐文章于 2018-08-19 10:46:24 发布

转载最新推荐文章于 2018-08-19 10:46:24 发布 · 1.1k 阅读

本文介绍了一个在ExtJS中针对TextField组件隐藏与显示的问题解决方案。当需要同时隐藏TextField及其标签时，通常的做法是使用hidden属性，但这样做只能隐藏文本框本身。为了解决这一问题，本文提出了一种通过监听beforhide事件并手动隐藏包含TextField的整个表单项的方法。

设置textfield的hidden:true时，只隐藏了文本框， label 没有隐藏，如果在设置hidelabel:true，这样就可以全部隐藏了。但是在后面想显示【setvisible(true)】这个textfield时，文本框显示了，label又不会显示出来。

现在的做法是：

                                                  {
								xtype : 'textarea',
								fieldLabel : 'name',
								hidden : true,
								// hideLabel : true,
								name : 'name',
								listeners : {
									beforehide : function(thi) {
										var a = thi.getEl().up('.x-form-item');
										a.setDisplayed(false);
									}
								}
							}

然后在要显示的时候得到这个textfield，

textfield.setVisible(true);
textfield.getEl().up('.x-form-item').setDisplayed(true);

大家还有没有其他办法的？

参考：http://www.iteye.com/problems/64440