参考html-按钮ExtJS的文件

Question

在一个jsp文件，其中，被指定的按钮被创建的形式。

我使用ExtJS的4 我需要在ExtJS的文件的HTML按钮的参考。 单击此html按钮时，在页面上显示Ext组件（网格面板）。 我尝试使用Ext.DomQuery，但没有运气。请提供指针

张贴于ExtJS4论坛http://www.sencha.com/forum/showthread.php?148205-refer-to-html-button-in-ExtJS-script&p=652122

感谢， -Divya

下面的代码片段：

report.jsp

<%@ page import="java.util.*" %> 
<%@ page import="java.io.PrintWriter" %> 
<% 
some java code 
%> 
<link rel="stylesheet" type="text/css" 
href="../js/extjs4/resources/css/ext-all.css" /> 
<link rel="stylesheet" type="text/css" href="../js/extjs4/shared/example.css" /> 
<script type="text/javascript" src="../js/extjs4/bootstrap.js"></script> 
<script type="text/javascript" src="../js/extjs4_scripts/report/reportPanel.js">   
</script> 

<form name="reportpage" id="prcr" method="post" action="url"> 
<table> 
<tr> 
<td> 
<input id=\"osSubmitButton\" type=\"button\" name=\"submitRelease\" value=\"Submit\"> 
</td> 
</tr> 
</table> 
</form> 

reportPanel.js

Ext.Loader.setConfig({enabled: true}); 
Ext.Loader.setPath('Ext.ux', '../extjs4/ux/'); 
Ext.require([ 
'Ext.DomQuery.*', 
'Ext.data.*', 
'Ext.grid.*', 
'Ext.tree.*', 
'Ext.util.*', 
'Ext.toolbar.Paging', 
'Ext.ux.grid.FiltersFeature', 
'Ext.tip.QuickTipManager' 
]); 
Ext.onReady(function() { 

Ext.tip.QuickTipManager.init(); 

var btn=Ext.query("#osSubmitButton"); 
    btn.on("click", function(){ 
     console.info("clicked"); 
     relstore.load(); 
     reportPanel.setVisible(true); 
    }); 

}); 

Answer 1

既然你知道该按钮，你可以只调用Ext.get的ID。

Ext.get('osSubmitButton').on('click', ...);