ExtJS 4.2 입력란에 DateField를 입력하십시오.

Question

내 애플리케이션을 3.1에서 4.2로 변환하려고하는데 'applyto'대신 수정해야 할 사항을 파악할 수 없습니다. 나는 renderto와 contentel의 변형을 시도했지만 그것을 알아낼 수는 없다. 4.2와 아무 일도 일어나지 않는 것 같습니다. 방화범에 오류가 없습니다 ...

cust_datepicker = function(){ 
    var els=Ext.select("input.date-picker",true); 
    els.each(function(el) { 
     new Ext.form.DateField({ 
      applyto: el.id 
      ,format: 'Y-m-d' 
      ,altFormats: 'j|j/n|j/n/y|j/n/Y|j-M|j-M-y|j-M-Y' 
      ,editable: false 
      ,id : el.id 
     }); 
    } 
)}; 
Ext.onReady(function(){ 
    cust_datepicker(); 
}); 

HTML 코드 작동

내선 3.1 코드 :

<form action="xxx/xxx.cgi" method="GET"> 
<table><tr> 
<td><input name="startdate" class="date-picker"/></td> 
</tr></table> 
</form> 

Answer 1

contentEl 속성을 사용해보십시오 : 여기

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.AbstractComponent-cfg-contentEl

Answer 2

뭔가를 그 ExtJS 4.2.0으로 나를 위해 일했다.

해결 방법은 필드가 들어있는 Form을 만드는 것입니다.

HTML :

<table> 
    <tr> 
    <td><div id="here"></div></td> 
    </tr> 
</table> 

자바 스크립트 : 도움이 아래의 대답은

var here = document.getElementById('here'); 
var my_form = Ext.create('Ext.form.Panel', { 
     renderTo: here, 
     width: 100, 
     bodyStyle: 'border: none; padding: 0px', 
     items: [{ 
      xtype: 'datefield', 
      fieldStyle: 'width: 76px;', 
      margin: false 
     }] 
    });