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