Инструменты пользователя
js:forms
Различия
Здесь показаны различия между двумя версиями данной страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
js:forms [2022/02/06 00:29] a1 |
js:forms [2022/02/06 03:01] (текущий) a1 |
||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | ====== Оформление динамических форм ====== | + | ====== Оформление интерфейсов ====== |
| - | Создаваемые формы взаимодействуют с указанным контроллером. | + | |
| ===== Расположение ===== | ===== Расположение ===== | ||
| ''assets/js/form.js'' | ''assets/js/form.js'' | ||
| - | ===== Пример формы ===== | + | ===== Формы ===== |
| + | Форма отправляет запрос к контроллеру, указанному в data-request | ||
| + | ==== Пример ==== | ||
| <code html> | <code html> | ||
| <form data-request="catalog.filter" data-live="300"> | <form data-request="catalog.filter" data-live="300"> | ||
| + | <input type="text" name="form[firstname]" value="" /> | ||
| + | <input type="text" name="form[lastname]" value="" /> | ||
| + | | ||
| <input data-type="w_form.submit" data-redirect="" data-request="" /> | <input data-type="w_form.submit" data-redirect="" data-request="" /> | ||
| <input data-type="w_form.save" data-redirect="" data-request="" /> | <input data-type="w_form.save" data-redirect="" data-request="" /> | ||
| Строка 14: | Строка 17: | ||
| </code> | </code> | ||
| - | ===== Описание атрибутов ===== | + | ==== Описание атрибутов ==== |
| + | ^атрибут^Описание^Тип^ | ||
| + | |form[data-request]|Имя функции контроллера|string обязательный| | ||
| + | |form[data-live]|Если атрибут указан, после изменения, форма автоматически отправится. Атрибут может содержать время в милисекундах до отправки формы|int| | ||
| + | |||
| + | ===== Запрос ===== | ||
| + | При клике отправляет запрос к контроллеру, указанному в data-request | ||
| + | |||
| + | ==== Пример ==== | ||
| + | <code html> | ||
| + | <a data-action="w_request" data-request="article.info" data-price="100"> | ||
| + | Открыть модальное окно | ||
| + | </a> | ||
| + | </code> | ||
| + | |||
| + | ==== Описание атрибутов ==== | ||
| + | ^атрибут^Описание^Тип^ | ||
| + | |[data-action="w_request"]|Инициализация|обязательный| | ||
| + | |[data-request]|Имя функции контроллера|string обязательный| | ||
| + | |[data-*]|Атрибуты, передаваемые в запросе|mixed| | ||
| + | |||
| + | |||
| + | ===== Модальные окна ===== | ||
| + | Открытие модальных окон. В атрибуте data-tmpl должно быть обозначено имя шаблона модального окна. Остальные атрибуты ссылки передаются POST запросом. | ||
| + | |||
| + | ==== Пример ==== | ||
| + | <code html> | ||
| + | <a data-action="w_modal" data-tmpl="article.info" data-price="100"> | ||
| + | Открыть модальное окно | ||
| + | </a> | ||
| + | </code> | ||
| + | |||
| + | ==== Описание атрибутов ==== | ||
| ^атрибут^Описание^Тип^ | ^атрибут^Описание^Тип^ | ||
| - | |form[data-request]|Контроллер формы|Имя контроллера| | + | |[data-action="w_modal"]|Инициализация|обязательный| |
| - | |form[data-live]|Если атрибут указан, после изменения, форма автоматически отправится через указанное время в мс|int| | + | |[data-tmpl]|Имя шаблона модального окна|string обязательный| |
| + | |[data-*]|Атрибуты, передаваемые в запросе|mixed| | ||
js/forms.1644096584.txt.gz · Последние изменения: 2022/02/06 00:29 — a1
Инструменты страницы
Если не указано иное, содержимое этой вики предоставляется на условиях следующей лицензии: CC Attribution-Share Alike 4.0 International
