Дерево с выбором галочек, treeCheckboxes

Демостенд этой возможности - /tst-form-treeview
Выбираем тип поля Дерево с галочками (treeCheckboxes).
Указываем в процедуре dict дерево в виде списка Value, Value2 (здесь будет parentID), Text
CREATE PROCEDURE [dbo].[fm_tst-form-treeview_f1_dict]
@username nvarchar(256),
@itemID nvarchar(128)
AS
BEGIN
select c.id Value, -- id
c.name as Text,
isnull(c.parentID, 0) Value2 -- parentID
from tst_categories c
END
В процедуре GetItem необходимо передать текущие выбранные галочки через запятую.
CREATE PROCEDURE [dbo].[fm_tst-form-treeview_getItem]
@itemID int,
@username nvarchar(256)
AS
BEGIN
select
STUFF((SELECT ',' + cast(id as nvarchar)
FROM tst_categories
WHERE selected=1
FOR XML PATH('')), 1, 1,'') f1 -- выделенные категории
END
В процедуре SaveItem сохраняем значения галочек (они приходят как выбранные значения через запятую).
CREATE PROCEDURE [dbo].[fm_tst-form-treeview_saveItem]
@username nvarchar(256),
@itemID int,
@parameters ExtendedDictionaryParameter READONLY
AS
BEGIN
declare @pf1 nvarchar(max)
select @pf1 = Value2 from @parameters where [key]='f1'
exec as_print @str = @pf1
update tst_categories
set selected= 0
update tst_categories
set selected= 1
where id in (select Value from dbo.split(@pf1,',') where Value<>'')
-- SELECT 1 (Result, Msg, SuccessUrl, HideFormAfterSubmit, RefreshContainer)
select 1 Result, 'OK' Msg, '' SuccessUrl, 0 HideFormAfterSubmit, '' RefreshContainer
END
Настройки для поля treeCheckboxes через options_code1 в GetItem
- cascadeCheck - если true, то выбор галочки выбирает и все дочерние элементы.
- width - число, ширина дерева
Страница-источник на сайте falconspace.ru
-
Начало работы
-
Основа Falcon Space
-
Руководства
-
Возможности
-
Коммуникация пользователей
-
Таблицы
-
Формы
-
Поля формы
Общие настройки для полей формы через options_ Строка, string Галочки с множественным выбором, checkboxes Переключатель switch и галочка bool Радиокнопки (выбор одного элемента), radio, defaultRadio Многострочное поле, text Гибкий список выбора, select-picker Список с поиском по базе autocomplete, select-search Список выбора, комбик, select,select2 Диапазон чисел, intrange Целое, дробное число, int, float, html-number Rich редактор текста, html2 Интервал дат, dateRange Скрытые параметры формы, cookie, localStorage, sessionStorage и urlParameter Дата HTML5, datetime-local Слайдер (ползунок), slider Поля формы для загрузки файлов, files, remoteFile, fileContent Множественный список, chosen Градиент, gradient Как сделать списки select и chosen с категориями (optgroup) Выбор из элементов с табуляцией, tabs Флажок-картинка, imageCheckbox Как использовать Флажки и выбор радио с картинкой, imageRadio, imageCheckboxes Дерево с выбором галочек, treeCheckboxes Выбор адреса и сохранение координат места (lat,lng), geo-autocomplete Таймер, timer Выбор цвета, colorCheck и colorRadio Вставка ссылок по шаблону (ютуб-видео), patternString Дерево с сортировкой Drag-and-Drop, treeOrder График работы, weekTime Редакторы кода editorHTML, editorSQL, editorCSS, editorJS Время, time Сканер QR и штрих кодов, codeScanner
-
Лендинги
-
Дизайн, стилизация, юзабилити
-
Интеграции
-
Универсальный API
-
Каталоги
-
Навигация
-
Документы
-
Дополнительные компоненты
-
Продвижение, SEO
-
Системные моменты
-
Системное администрирование
-
HOWTO
-
Загрузка файлов, картинок
-
HOWTO SQL
-
HOWTO JS
-
HOWTO Верстка
-
Решение проблем
-
Советы по реализации