Extjs显示TextField标签

0 0

Extjs显示TextField标签5

var sheetName = new Ext.form.TextField({
fieldLabel : 'sheet名称',
hidden : true,
hideLabel : true,
name : 'dataTextObj.sheetName'
});
后面我需要显示这个文本框
写sheetName.setVisible(true);或者sheetName.show();
只显示输入框不显示标签，求显示标签的方法，谢谢！

问题补充：哦我的意思是起先这个TextField是隐藏起来的，后面我通过一个事件函数希望显示来，请问应该怎么写啊

问题补充：不行哦，一定要都设置才会隐藏起来只设置hidden : true,不会隐藏标签

问题补充：问题是我用的是TextField组件啊怎么掉Label的方法呢？
我现在的解决方式是不设置hideLabel : true,
写 sheetName.on('beforehide', function() {
sheetName.getEl().up('.x-form-item').setDisplayed(false);
});
然后通过sheetName.setVisible(true);
sheetName.getEl().up('.x-form-item').setDisplayed(true); 来显示
通过 sheetName.setVisible(false);
sheetName.getEl().up('.x-form-item').setDisplayed(false);来隐藏

问题补充：没有但是我是加到formpanel 里面的按你的方式行不通。

JavaScript EXT

2011年5月03日 11:53

江湖一条虫
0
0 0 2

5个答案按时间排序按投票排序

0 0

楼主运行上面给出的代码了吗？

2011年5月12日 16:43

柴秉承
962
0 0 2

添加评论

0 0

你代码中hideLabel : true, 其实意思就是调用了TextField组件中的hideLabel属性设置为true是一样的，要让Label显示就需要调用Label组件的show方法进行显示.这个你可以查阅Ext的Label组件的API中有Show方法可调用来显示该组件。

2011年5月09日 23:11

GavinHwa
244
0 0 2

添加评论

0 0

Ext.onReady(function() {
var view = new Ext.Viewport({
layout : 'border',
items : [new Ext.form.FormPanel({
region:'center',
buttonAlign : 'center',
buttons : [{
text : '显示',
handler : function() {
Ext.getCmp("test").show();
}
},{
text:'隐藏',handler:function(){
Ext.getCmp("test").hide();
}
}],
items : [{
xtype : 'textfield',
fieldLabel:'Label',
hidden : true,
id : 'test'
}]
})]
})
})

这个是我测试过的代码保证没问题