extjs - ExtJS 4.2 将 DateField 应用于输入表单字段

Question

我正在尝试将我的应用程序从 3.1 转换为 4.2，但似乎无法弄清楚需要修改什么来代替“applyto”。我尝试了 renderto 和 contentel 的变体，但似乎无法弄清楚。使用 4.2 似乎什么都没有发生。萤火虫没有错误...

有效的 Ext 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

这里有一些对 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
        }]
    });

Answer 2

尝试使用 contentEl 属性：

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