Question

extjs获取组件

extjs里面如下：

if (!Test) var Test = {};
Ext.onReady(function(){
Test.name = new Ext.form.TextField({
id : "name",
hidden:true
})
Test.TestHtmlCode="<div id='namea' align='center'> </div>";
Test.TestPanel=new Ext.form.FormPanel({
title : "test报道",
id : "test",
items : [{
layout : 'form',
html : Test.TestHtmlCode
}]
});
Test.TestPanel.on('afterLayout', function() {
Test.name.render('namea');
});
});
如在onReady方法之外让隐藏的Test.name显示，就是把hidden改为false,都试过了
好几种方法了，不是获取不到，就是改变不了

Answer 1

因为 extjs 加载机理导致，调用失败。 

html 代码

<div id="button"></div>

js 代码

		var Test = {
			name:new Ext.form.TextField({
					id : "name",
					hidden:true
					
			}),
			TestHtmlCode:"<div id='namea' align='center'> </div>",
			TestPanel:new Ext.form.FormPanel({
				title : "test报道",
				id : "test",
				//renderTo: 'button',
				items : [{
						 layout : 'form',
						 height:300,
						 html : this.TestHtmlCode
					 }]
			})
			
		};
		Ext.onReady(function(){
			/*
			Test.name = new Ext.form.TextField({
					id : "name",
					hidden:true
					
			});
			Test.TestHtmlCode="<div id='namea' align='center'> </div>";
			Test.TestPanel=new Ext.form.FormPanel({
				title : "test报道",
				id : "test",
				renderTo: 'button',
				items : [{
						 layout : 'form',
						 height:300,
						 html : Test.TestHtmlCode
					 }]
			});*/
			
			Test.TestPanel.render('button');
			
			Test.TestPanel.on('afterLayout', function() {
				Test.name.render('namea');
			});
			
			// 触发
			//Test.TestPanel.fireEvent('afterLayout',{});
		});
		
		// 显示
		//Test.name.show(); 能调用会出错。

 在犸特头网站有文章

"Extjs5为什么要在launch方法写代码？"

http://blog.mttqq.com/archives/358

Answer 2

test.getValue();
test.get("test").value;

追问

是test.name.hidden的值修改

追答