ExtJS 4.2應用DateField輸入表單域

Question

我想將我的應用程序從3.1轉換爲4.2，並且似乎無法弄清楚需要修改什麼來代替'applyto'。我嘗試過renderto和contentel的變體，但似乎無法弄清楚。隨着4.2似乎沒有發生。在Firebug沒有錯誤...

分機3.1的代碼，工作

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代碼：

<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工作。

解決方案是創建一個包含字段的表單。

HTML：

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

的Javascript：

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 
     }] 
    });