Когда я добавляю редактор с полем даты как Xtype в свою сетку, поле даты не отображает.Исходное поле редактора EXTJS не отображается после добавления в сетку
Моя проблема заключается в том, что я должен проверить достоверность данных на основе двух дат. Когда я нажимаю в одном из dafields, проверьте значение другого выбора, но я не могу получить значение другого поля даты, потому что он не отображается (поле даты отображает после нажатия на него).
Кроме того, если валидатор сработал с неопределенным, поле даты разозлится, и позиция на DOM изменяется случайным образом.
Код что-то вроде этого:
{ xtype: 'form',
defaults: {
labelAlign: 'top',
width: '95%'
},
items: [
Ext.create('Ext.grid.Panel', {
id: '<the id>',
selModel: Ext.create('Ext.selection.CheckboxModel', {
singleSelect: false,
sortable: false,
checkOnly: true
}),
store: myStore,
plugins: {
ptype: 'celledititing',
pluginId: 'celledit',
},
columns: [
{ text: 'Field 1', dataIndex: 'FIELD_1', width: '25%' },
{ text: 'Field 2', dataIndex: 'FIELD_2', width: '25%' },
{ text: 'Date 1', dataIndex: 'DATE_1', width: '25%',
renderer: Ext.util.Format.dateRenderer('d/m/Y'),
editor: {
xtype: 'datefield',
id: '<date id>',
vtype: 'daterange',
endDateField: '<date 2 id>',
dateRangeMin: '',
flex: 1
},
{ text: 'Date 2', dataIndex: 'DATE_2', width: '25%',
renderer: Ext.util.Format.dateRenderer('d/m/Y'),
editor: {
xtype: 'datefield',
id: '<date 2 id>',
vtype: 'daterange',
startDateField: '<date id>',
dateRangeMin: '',
flex: 1
}
],
plugins: {
ptype: 'cellediting',
clicksToEdit: 1
},
height: 200
})
]
}
Greetings-