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

Question

我正试图将我的应用程序从3.1转换为4.2，似乎无法找出需要修改的地方'applyto'。我试过渲染和内容的变化，但似乎不能弄清楚。4.2似乎什么都没有发生。firebug中没有错误…

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

尝试使用contenttel属性:

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