Итак, в ExtJs combobox
обычно получает некие данные из хранилища (store
) и показывает их.
Самый распространенный тип хранилища, если все очень-очень сильно упростить, представляет из себя некоторый массив объектов (рекордов), каждый из которых combobox
и показывает
Обычно (в вашем примере) мы связываем комбобокс с хранилищем с помощью конфига store
, а в конфиге dispalyName
говорим комбобоксу какое свойство объекта мы хотем в нем показывать.
Собственно я предполагаю, что первый вопрос в топике - как сделать так чтобы данные отображаемые комбобоксом формировались на основе нескольких полей рекордов из хранилища. Это замечательно описано в официальной документации по комбобоксу в разделе "Customized combobox". Официальная документация экста прекрасна, всегда ищите сначала в ней.
Итак, у комбика есть два конфига: tpl
который служит для отображения того что мы видим в выпадающем списке и displayTpl
для отображения того что мы видим в соответствующем текстфилде. Если Вы их используете, то конфиг displayName
разумеется не нужен. Эти конфиги могут принимать в себя экземпляр класса ExtTemplate
- это встроенный в ExtJs шаблонизатор. Прям в шаблоне если надо можно делать циклы, условия и математику, впрочем это видно по докам.
Соответственно вам надо указать шаблон как-нибудь так:
{
xtype: 'combobox',
...
tpl: Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<div class="x-boundlist-item">{name} - {date}</div>',
'</tpl>'
),
// template for the content inside text field
displayTpl: Ext.create('Ext.XTemplate',
'<tpl for=".">',
'{name} - {date}',
'</tpl>'
)
}
Это покажет все в формате кафедра-дата, разумеется если у вас в хранилище есть дата в поле date.
Второй вопрос в топике - как сравнить между собой две даты. Раз уж у вас Ext, то разумно использовать методы объекта Ext.Date, с помощью которого вы можете распарсить дату в любом распространенном формате и сделать много чего полезного. Там нет сравнения дат, потому что дата представляется в миллисекундах, а их можно сравнить как обычно. Учтите что вам нужно сравнивать именно даты, без времени. То есть что-то вроде;
var yourDate = Ext.Date.clearTime(Ext.Date.parse(...)),
now = Ext.Date.clearTime(Ext.Date.now());
if(yourDate < now){
// Ну там какой-нибудь код
}
Третий вопрос, как это все связать, потому что не думаю что такую проверку прожует шаблонизатор (да и что вообще что надо ее в таком виде туда класть)
Тут с ходу не могу сказать как сделать хорошо, можно например сделать поле в хранилище, которое заполняется датой если нам подходит, и нет - в другом случае, и проверять в шаблоне заполнено оно или нет, можно аккуратно перекрыть метод, в котором данные из хранилища уезжают на шаблон (с ходу не помню какой). Можно посмотреть поддерживает ли экстовый шаблонизатор хелперы и впилить проверку там если поддерживает.