Таблица с модальной формой

В этом примере мы реализовали показ таблицы с дополнительным выводом модальной формы.

Для этого мы:

  • создали таблицу
  • добавили в нее необходимые колонки (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,
		'<a href="#" class="as-form-modal" data-code="watch_modalForm" data-itemID="'+try_cast(customerID as nvarchar)+'" data-big="0" data-title="Информация о клиенте" data-btnText="">Информация о клиенте</a>' 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>

Другие модули

Последние обновления

Вывод временной линии timeline

Визуализация 13.09.2021

Вывод диаграммы типа pie

Визуализация 13.09.2021

Вывод диаграммы вида radar

Визуализация 13.09.2021

Вывод графиков line

Визуализация 13.09.2021

Вывод гистограммы bar

Визуализация 13.09.2021

Вывод полосок прогресса

Визуализация 13.09.2021

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства