Выбор лет

Понадобилось в одном проекте сделать выбор лет производства автомобиля. Ну, чтобы можно было указать, в какие годы он производился. Усугублялось это тем, что это необязательно должен быть непрерывный интервал. Решили сделать чекбоксами, но только этих самых чекбоксов уж больно много получалось.

В общем, решили расположить чекбоксы в таблице, сами чекбоксы скрыть, оставив только label. И у отмеченного чекбокса цвет фона лейбла менять. Заодно познакомился с AngularJS. Пришлось немного повозиться, чтобы изменения не сразу попадали в модель Angular, чтобы пощелкав по чекбоксам можно было спокойно нажать «Cancel».

Вот, что получилось. С помощью кнопки «New Usage» можно добавить модель автомобиля. Ссылка Delete сами понимаете, что делает (простите, подтверждения не спрашивает), про Edit тоже догадаетесь.

Внизу в отладочных целях содержимое модели.


Автор

Сергей Родовниченко

Родился, учился, работал и все такое. Занимаюсь поддержкой сайтов на Shop-Script, Joomla, Wordpress, Prestashop. А также на самописных движках на базе CakePHP.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *