РуководстваОснова Falcon SpaceОсновные компонентыВозможностиКоммуникация пользователейДизайн, стилизация, юзабилитиЛендингиУниверсальный APIИнтеграцииКаталогиНавигацияДокументыДополнительные компонентыПродвижение, SEOСистемные моментыСистемное администрированиеHOWTOТаблицыФормыПоля формы
Поле Список поиска значения (autocomplete, search-select)
Как в форме вывести список галочек (множественный выбор поля)Как сделать списки select и chosen с категориями (optgroup)Как сделать выбор адреса и сохранение координат места (lat,lng).Установка графика работы (поле формы weekTime)Как в форму в SaveItem передать некий скрытый параметр (например Куки или параметр URL)Как работать с полем типа Слайдер (ползунок)Как использовать в форме поле Выбор файлов. Типы полей формы files, remoteFile, fileContentКак редактировать текст элементов HTML в Rich-редактореУправление настройками поля через options_ поляВставка ссылок по шаблону (ютуб ссылка, patternString)Как использовать Флажки и выбор радио с картинкойКак работать с полем ТаймерКак сделать выбор цвета в формеКак вывести дерево с выбором галочекКак выводить и сохранять множественный список через chosen поле.Обработка даты из поля datetime-localРедактор текста - код поля формы html2Как работать с полем Дробное числоКак настроить выбор вариантов для поля Интервал датВыбор из элементов с табуляцией - поле формы tabsТип поля imageCheckbox (флажок-картинка)Поле формы Градиент (gradient)
Загрузка файлов, картинокHOWTO SQLHOWTO JSHOWTO ВерсткаРешение проблем
Выгода от использования Falcon Space
В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Установка графика работы (поле формы weekTime)
Поле можно посмотреть на демостенде (внизу страницы) - https://falconspace.ru/tst-fields
Тип поля формы - weekTime (Выбор часов в неделе).
Для начальной установки используется такой формат: d1,h11,h12,h13_d2,h21,h22, h23 dx - это номер дня недели от 1 до 7. а hxx - это часы для этого дня от 0 до 23.
Пример: 2,1,2,3,4,23_5,1,2,4,6. Т.е. для 2 (вторник) дня мы ставим часы 1,2,3,4,23, а для 5 (пятница) дня ставим 1,2,4,6
Вывод для указанного примера:
Примечание:
Внутри поля используется сниппет вида:
<div class="as-weekTime" data-value="2,1,2,3,4,23_5,4,2,1,6" data-code="el1" data-title="Выбери время" data-showhours="1" data-standartworktime="Стандартное время"></div>
- value - устанавливаем значение поля
- code - для создания коллбека загрузки (автоматически проставляется при генерации через форму)
- title - левая верхняя ячейка (настраивается на форме как заголовок поля)
- showHours - если 1, то в ячейках будет проставлено время.
- standartWorkTime - если установлен текст, то будет добавлена кнопка с этим текстом, которая устанавливает стандартный режим работы 5/2 с 9 до 18 с перерывом в 13 на обед. Чтобы настроить это поле на форме, требуется указать placeholder для поля
Коллбек по событию загрузки элемента устанавливается следующим образом:
// el1 - это код элемента
as.weekTimeCallbacks["el1_load"] = function(cont){
alert("loaded");
}
Код элемента можно посмотреть через браузер (он генерируется автоматически - wt1,wt2 и т.д. - по порядку подобных элементов на странице)
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Google поиск по нашей документации
Нужна бесплатная консультация?
Планируете делать веб-проект?
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта