Модальная форма с таблицей в личном кабинете
В этом примере мы реализовали показ таблицы с дополнительным выводом модальной формы.
Для этого мы:
- создали таблицу
- добавили в нее необходимые колонки (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>Другие модули
Как редактировать поля прямо в таблице на сайте
Как добавить фильтры данных таблицы в личном кабинете
Вывод таблицы на сайте в личном кабинете
Создание нового элемента в таблице на сайте
Как добавить существующий элемент в таблицу через поле поиска
Как создать вложенные таблицы на сайте
Стилизация полей таблицы. Как улучшить дизайн таблиц на сайте
Последние обновления
Форма 13.08.2024
Таблица 03.06.2024
Таблица 23.09.2023
15.09.2023
02.08.2023
Визуализация 02.08.2023
Визуализация 01.08.2023
Таблица 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
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства