Модальная форма с таблицей в личном кабинете
В этом примере мы реализовали показ таблицы с дополнительным выводом модальной формы.
Для этого мы:
- создали таблицу
- добавили в нее необходимые колонки (id, product, created, price, client)
- настроили процедуру GetItem
- создали форму
- в нее также добавили необходимы колонки (name, fio, age, city)
- реализовали GetItem
- кастомизировали форму
CREATE PROCEDURE [dbo].[crud_watch_modalForm_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_orders
-- SELECT 1
select
id id,
(select name from tst_products where id = productID) product,
isnull(FORMAT(created, 'dd.MM.yyy'), '01.01.1900') created,
isnull(price, 0) price,
'Информация о клиенте' client
from tst_orders
where id in (select id from @ids)
order by
case when @sort = ''then id end asc
OFFSET @PageSize * (@Page - 1) ROWS
FETCH NEXT @PageSize ROWS ONLY;
-- SELECT 2
select count(*) from @ids
-- SELECT 3
Select ' ' Title, 1 HideTitleCount
END
CREATE PROCEDURE [dbo].[fm_watch_modalForm_getItem]
@itemID int,
@username nvarchar(256)
AS
BEGIN
select
isnull(name, '') name,
isnull(fio, '') fio,
isnull(age, 0) age,
isnull(city, '') city
from tst_customers where id = @itemID
END
<div class="row">
<div class="col-4">Прозвище</div>
<div class="col-6">{colview-name}</div>
</div>
<div class="row">
<div class="col-4">Имя</div>
<div class="col-6">{colview-fio}</div>
</div><div class="row">
<div class="col-4">Возраст</div>
<div class="col-6">{colview-age}</div>
</div><div class="row">
<div class="col-4">Город</div>
<div class="col-6">{colview-city}</div>
</div>
Другие демостенды
— Проверка контрагента по ИНН через API Checko.ru— Оконный интерфейс пользователя в личном кабинете на сайте - терминалы
— Вывод форм, таблиц в alert окне
Что есть в базе знаний по этой теме
— Возможности поисковой оптимизации сайта (SEO)— Как сделать таблицу в модальном окне (открывается в диалоговом окне)
— Как сделать модальную форму
— Как решать проблемы быстродействия
— Как сохранить значение поля в браузере, чтобы каждый раз его не вбивать при загрузке (оставлять последнее сохраненное). Запоминание поля формы в браузере
— Как сделать модальное окно определенной ширины
Последние обновления
Интеграции 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
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства