Карточки

Это отдельный режим таблицы (card).
Смотреть пример карточек товаров.

Для режима карточек необходимо сделать следующее: 
  1. в SELECT 3 GetItems ставим ViewType=’card’ и тип вывода карточек CardGroupType - deck, columns, group
  2. в SELECT 1 вывести данные карточек. 
К карточкам, как и к другим типам вывода применимы фильтры.
DECLARE @result TABLE (id int, header nvarchar(512), footer nvarchar(512),
                       imgTop nvarchar(128), imgBottom nvarchar(128),
                       imgOverlay nvarchar(128), title nvarchar(512),
                       subtitle nvarchar(512), [text] nvarchar(max),
                       headerColor nvarchar(10), bgColor nvarchar(10),
                       cardClass nvarchar(10), link1 nvarchar(128),
                       linkUrl1 nvarchar(128), linkClass1 nvarchar(128),
                       link2 nvarchar(128), linkUrl2 nvarchar(128),
                       linkClass2 nvarchar(128), link3 nvarchar(128),
                       linkUrl3 nvarchar(128),
                       linkClass3 nvarchar(128))

INSERT INTO @result

SELECT TOP 20 id id, -- ID элемента пропишется в карточке как data-itemID
           '' header,   -- блок заголовка карточки
           '' footer,  -- блок подвала карточки
           '/uploads/land/realty.jpg'  imgTop, -- вывод картинки наверху
           '/uploads/land/finance.jpg' imgBottom,  -- вывод картинки внизу
           '' imgOverlay,     -- фоновая картинка для всей карточки
           'title 1' title,   -- заголовок
           'subtitle 1' 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 as_trace
В запросе указаны все параметры, которые можно применять для карточек. Если параметр не указан, то данная часть карточки не выводится.
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK