Ext实现上传文件的预览解决思路

Ext实现上传文件的预览

//模板文件

templateFile = Ext.extend(Ext.form.TextField,{

        name         :  'templateFile',

        width        :  170,

        allowBlank   :	true,

        emptyText 	 :	'请选择模板文件',

        inputType	 :	'file',

        listeners	 :	{

        	'render':function() {

	        		Ext.get("templateFile").on("change", function(){

	        			alert(Ext.get("templateFile").getValue());

	        			Ext.get("templateFile").sideText = '<input type="button" value ="预览" id="showFileBtn"/>';

						document.getElementById("showFileBtn").onclick=function show(){_showTemplateFile("")};

	        		});

        	}

        }

});

Ext.reg('case-temp-TEMPLATEFILE',templateFile);

预览按钮无法显示，而且提示document.getElementById为空或不是对象。
什么问题？？？
------解决方案--------------------
而且没有sideText属性吧。。