ExtJS 파일의 html-button을 참조하십시오.

Question

JSP 파일에서 단추가 지정된 양식이 작성됩니다.

ExtJS 4를 사용하고 있습니다. ExtJS 파일에서 html 버튼에 대한 참조를 가져와야합니다. 이 html 버튼을 클릭하면 페이지에 Ext 구성 요소 (격자 패널)가 표시됩니다. Ext.DomQuery를 사용해 보았지만 행운이 없었습니다.

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

: 포인터

또한 ExtJS4 포럼에서 http://www.sencha.com/forum/showthread.php?148205-refer-to-html-button-in-ExtJS-script&p=652122

감사합니다, 아래 -Divya

코드를 게시

을 제공하십시오

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

버튼의 ID를 알고 있으므로 Ext.get을 호출하면됩니다.

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