DHTMLX: Устанавливаем тип поля dhxCalendarA (всплывающий календарь) для полей типа date (datetime) в компоненте dhtmlxGrid

DHTMLX: Устанавливаем тип поля dhxCalendarA (всплывающий календарь) для полей типа date (datetime) в компоненте dhtmlxGrid Как правильно настроить тип поля dhxCalendar (или dhxCalendarA) в компоненте dhmlxGrid для того, чтобы при введении значений дат выпадал календарик с выбором даты.

dhxCalendar и dhxCalendarA - это типы полей для даты/времени, когда всплывает календарик (popup calendar), чтобы не вводить дату вручную, а отметить на календаре. Тип dhxCalendarA предлагает ещё возможность вручную вписывать значение в поле. (Подробнее про типы полей в документации – Available Types of Cell Editors (Excell)).

Проблема в том, что для работы этих 2-х типов полей нцжно подключить для них скрипты и стили:

<script src="/dhtmlx/dhtmlxSuite/dhtmlxCalendar/codebase/dhtmlxcalendar.js"></script>  
<script src="/dhtmlx/dhtmlxSuite/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_dhxcalendar.js"  type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" type="text/css" href="/dhtmlx/dhtmlxSuite/dhtmlxCalendar/codebase/dhtmlxcalendar.css"> 

Только тогда строка

mygrid.setColTypes("ed,dhxCalendarA,ed,ed");

начнёт работать правильно (почти!). Без нужных скриптов, данные из базы данных вообще не отображаются в интерфейсе компонента dhtmlxGrid.

Календарь всплывает в popup (в моём примере делаю приложение на Yii):

поле типа dhxCalendarA, где dhtmlx popup calendar без CSS

 

Забыл подключить стили для календаря (важно: они находятся в компоненте календаря!! А не Grid! Вот почему лучше сразу скачать полную версию со всеми библиотеками DHTML. В статье про связку Yii и DXTML и предлагаемом там примере используется урезанная библиотека). Итак, подключаю

<link rel="stylesheet" type="text/css" href="/dhtmlx/dhtmlxSuite/dhtmlxCalendar/codebase/skins/dhtmlxcalendar_dhx_skyblue.css">

dhtmlx всплывающий календарь у поля типа dhxCalendarA с подключёнными правильно стилями

Так подробно описываю, чтобы понять как важно подключать правильно Javascript и CSS. Для DHTML это крайне важно, потому что "Пушкин JavaScript/CSS – это его всё!".

 

Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Другие статьи по этой теме:

Комментарии (0)     Подпишитесь на RSS комментариев к этой статье.

Leave a Comment

Fields with * are required.

Картинка с кодом валидации
Пожалуйста введите символы с картинки. Регистр букв неважен.