Extjs中的组件含有ID，会导致界面混乱。(textfield,comboBox等)

我的代码中的一些控件开始都有ID,在我新打开一些窗口的时候，总会出现界面的混乱。

后来把ID删除了，改成name属性，才不会出现如此状况。

但是还不太了解其原因

 

原来代码(部分前台控件代码，id有值的情况)

//盘点开始日期
var makeCheckPlanBeginTime = new Ext.form.DateField({
        id: 'BEGIN_TIME',
        name: 'BEGIN_TIME',
        fieldLabel: '盘点开始日期',
        width: 150,
        maxLength: 20,
        minLength: 1,
        readOnly: true,
        emptyText: nowDate,//默认值为系统当前日期，view中已经申请
        allowBlank: false,
        blankText: '请输入盘点开始日期'
    });
//盘点结束日期
var makeCheckPlanEndTime = new Ext.form.DateField({
        id: 'END_TIME',
        name: 'END_TIME',
        fieldLabel: '盘点完成日期',
        width: 150,
        maxLength: 20,
        minLength: 1,
        readOnly: true,
        emptyText: nowDate,//默认值为系统当前日期，view中已经申请
        allowBlank: true,
        blankText: '请输入盘点完成日期'
    });

 原先正常的界面如下图

 

当我重新载入此页面，再打开窗口时候，界面混乱如下图

 

 

删除控件中的ID属性，改成name属性值即可。