Детали строки таблицы в отдельной форме
В этом примере показываем, как сделать связку на одной странице таблицы и формы с детализацией.
Первая кнопка в строке по клику загружает форму в контейнер справа. Используется as-form-link.
Вторую кнопку в строке можно перетащить в контейнер справа и это загрузит соответствующую форму в этот контейнер.
Документация по drag n drop - https://falcon.web-automation.ru/docs/peretaskivanie-elementov-na-stranice
Как реализован этот пример
Разметка на странице - выводим таблицу и контейнер, куда мы будем грузить форму.
<div class="row">
<div class="col-12 col-md-8">
<div class="as-table" data-code="watch_linkedTable"></div>
</div>
<div class="col-12 col-md-4">
<div class="linkedForm as-droppable py-5" data-code="linkedTable2" data-itemid="0" style="position:fixed; min-width: 300px;">
</div>
</div>
</div>Процедура таблицы:
CREATE PROCEDURE [dbo].[crud_watch_linkedTable_getItems]
@filters CRUDFilterParameter READONLY,
@sort sql_variant,
@direction nvarchar(8),
@page int,
@pageSize int,
@username nvarchar(32)
AS
BEGIN
declare @ids TABLE (id int)
-- filters...
declare @filterName nvarchar(128)
select @filterName = Value from @filters where [Key] = 'name'
insert into @ids
select id
from tst_customers
where (isnull(@filterName, '')='' or name like '%'+@filterName+'%')
-- SELECT 1
select
isnull([id], 0) [id],
isnull(''+name+'
', '') [name],
' Перемести меня' desc_name
from tst_customers
where id in (select id from @ids)
order by
case when @sort = 'name' and @direction = 'down' then name end desc,
case when @sort = 'name' and @direction = 'up' then name end asc
OFFSET @PageSize * (@Page - 1) ROWS
FETCH NEXT @PageSize ROWS ONLY;
-- SELECT 2
select count(*) from @ids
-- SELECT 3
-- 4 SELECT Footer data or kanban/gantt data
END
Процедура saveDrop: https://pastebin.com/te7nfwp3
Другие демостенды
— Как создать вложенные таблицы на сайте— Полный и компактный вид таблицы на сайте в личном кабинете
— Как изменить верхнюю панель сайта
— Cообщения от сервера клиенту в браузер по инициативе с сервера
— Таблицы в виде карточек
Что есть в базе знаний по этой теме
— Работа со страницами— Как связать таблицу и редактирование сущности (зависимая страница). Master-slave
— Как реализовать подтаблицу (вложенная таблица), подформу в таблице
— Как в форме вывести список галочек (множественный выбор поля)
— Как сделать сворачивание таблицы (collapse table)
— Как сделать раскрытие подстроки в таблице через любую ссылку
Последние обновления
Интеграции 24.11.2025
Разное 24.11.2025
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства