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。

解决方案是创建一个包含Field的表单。

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

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

2 个答案: