參考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', ...);