Кастом разметка в загрузчике файлов с drag n drop
Ссылка на документацию https://falcon.web-automation.ru/docs/falcon-space--rabota-s-resursami (раздел Загрузка файлов с drop областью и гибкой разметкой).
Разметка сниппета компонента:
<div class="as-files" data-code="watch_files"
data-itemID="5" data-disableDeleteConfirm="1" data-successMsg="OK">
<script type="text/html" class="as-files-makeup hide">
<h3>Загрузка файлов {edit-link}</h3>
{dropzone}
{upload-button}
<span class="badge badge-info">Файлы размером до 1МБ</span>
{progressbar}
<hr>
{files}
</script>
<script type="text/html" class="as-files-itemMakeup hide">
<div class="d-inline-block p-2 text-center" style="width: 250px" data-itemID='{id}'>
<a href="{url}" target="_blank"><img width="60px" src='{icon-url}' alt=""/></a><br>
<b>{title}</b><br>
<span>{size}</span><br>
{delete-button}
</div>
</script>
</div>
makeup задает общий каркас компонента, itemMakeup задает разметку 1 файла в списке.
Обратите внимание, что кастом разметка хранится в <script type="text/html">, а не простых div - это необходимо для того, чтобы не было лишних запросов к сайту (например, в img src)
JS Код для обновления списка после удаления элемента (т.к. используется кастом разметка полей):
<script>
as.filescallbacks["watch_files_delete"] = function(data, params){
as.initControls($('body'));
}
</script>Другие модули
Последние обновления
Таблица 18.03.2023
Форма 19.12.2022
Таблица 06.12.2022
Форма 01.12.2022
Форма 21.11.2022
Форма 17.11.2022
Форма 10.11.2022
Таблица 16.09.2022
Разное 14.09.2022
Таблица 09.09.2022
Форма 31.07.2022
Страницы 31.07.2022
Страницы 08.05.2022
Интеграции 04.04.2022
Интеграции 01.04.2022
Таблица 24.03.2022
Форма 24.03.2022
Разное 22.03.2022
Интеграции 07.03.2022
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства