I have a grid on extjs 6, which has a work schedule.
If I place a textfield for 22 hours, I should leave it enabled for editing on the grid only in the morning, but if I leave 44, all day.
The grid contains 5 column: Day :, (Tomorrow) Entry, Exit, (Afternoon) Entry, Exit.
Each column has cells that are like combobox with a minimum and maximum value, the idea is to leave empty those in the afternoon when you activate 22 hours and q can not be edited.
How do you block a cell, or a column of cells in extjs?
This is the design of a column (Jornada Mañana):
xtype: 'gridcolumn',
menuDisabled: true,
text: 'Jornada Mañana',
columns: [
{
xtype: 'gridcolumn',
renderer: 'renderHora1',
itemId: 'mycolumn17',
resizable: false,
dataIndex: 'entrada_manana',
menuDisabled: true,
text: 'Entrada',
editor: {
xtype: 'timefield',
itemId: 'mytimefield',
hideLabel: true,
format: 'H:i',
maxValue: '10:00',
minValue: '6:00',
submitFormat: 'H:i',
listeners: {
select: 'onTimefieldSelect'
}
For example, I know that if I remove the column editor: it could no longer be edited, but I do not know how to do it optimally.
Any ideas on how I could block some cells in particular?
Thank you very much !!!