Таблицы в виде карточек
В примере показано отображение таблицы в виде карточек.
Для этого в GetItem:
select 1: Перечисляем данные карточек в определенной структуре
select 3: Выставляем тип отображения ViewType=card, и CardGroupType=columns (возможные виды отображения deck, columns, group)
CREATE PROCEDURE [dbo].[crud_watch_cards_getItems]
@filters CRUDFilterParameter READONLY,
@sort sql_variant,
@direction nvarchar(8),
@page int,
@pageSize int,
@username nvarchar(32)
AS
BEGIN
-- SELECT 1
SELECT TOP 8 id, -- ID элемента пропишется в карточке как data-itemID
name header, -- блок заголовка карточки
city footer, -- блок подвала карточки
'/uploads/land/realty.jpg' imgTop, -- вывод картинки наверху
'/uploads/land/finance.jpg' imgBottom, -- вывод картинки внизу
'' imgOverlay, -- фоновая картинка для всей карточки
fio title, -- заголовок
'Возраст '+cast(age as nvarchar)+' лет' subtitle, -- подзаголовок
'text 1' text, -- основная разметка карточки
'primary' headerColor, -- цвет заголовка и подвала primary, warning, success, light, secondary. danger
'' bgColor, --фон карточки primary, warning, success, light, secondary. danger
'' cardClass, -- дополнительные CSS классы для карточки
'link1' link1, -- текст ссылки 1
'url1' linkUrl1, -- URL ссылки 1
'class1' linkClass1, -- CSS класс ссылки 1
'link2' link2, -- текст ссылки 2
'url2' linkUrl2, -- URL ссылки 1
'class2' linkClass2, -- CSS класс ссылки 2
'link3' link3, --текст ссылки 3
'url3' linkUrl3, -- URL ссылки 1
'class3' linkClass3 -- CSS класс ссылки 3
FROM tst_customers
order by id
-- SELECT 2
select 20
-- SELECT 3
select 'card' ViewType, 'columns' CardGroupType, -- deck, columns, group
' 'title, 1 HideTitleCount
END
Подробнее тут: https://falcon.web-automation.ru/docs/kartochki
Другие модули
Рабочий стол в личном кабинете на сайте. Что видит пользователь в личном кабинете
Дашборд пользователя с фильтром по времени. Создание панели управления на сайте
Визуализация данных на сайте в виде графа в личном кабинете пользователя
Вывод полосок прогресса - отображение статуса процесса в личном кабинете
Вывод круговой диаграммы polarArea
Как отобразить гистограмму bar на странице
Последние обновления
Форма 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
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства