Редактирование полей таблицы с разными типами HTML5
В этом примере была реализовано редактирование полей с различными типами HTML5: password, email, url, tel, number, range, time
Необходимо указать правильный тип редактирования в "Колонках" таблицы в поле Редактирование поля
Пример процедуры GetItems с настройками editable:
CREATE PROCEDURE [dbo].[crud_watch_numfield_getItems]
@filters CRUDFilterParameter READONLY,
@sort sql_variant,
@direction nvarchar(8),
@page int,
@pageSize int,
@username nvarchar(32)
AS
BEGIN
-- SELECT 1
select id, name,
isnull(password, '') password,
isnull(email, '') email,
isnull(url, '') url,
isnull(tel, '') tel,
isnull(number, '') number,
isnull(range, '') range,
isnull(time, '') time,
'{"min":0, "max":200, "step":5}' editable_number,
'{"min":50, "max":80, "step":0.5}' editable_range
from tst_numfield
order by id
-- SELECT 2
select count(*) from tst_numfield
-- SELECT 3
select 'Измените числовое поле' title, 'h3' headerTag, 1 HideTitleCount
END
Другие демостенды
— Как редактировать поля прямо в таблице на сайте— Вставка ссылки на видео youtube в форме на сайте
Что есть в базе знаний по этой теме
— Как установить ширину колонки в таблице— Отображение таблиц на смартфоне
— Создание сущности с учетом значений фильтров
— Оптимизация запроса SQL - извлечение данных для таблицы
— Сортировка строк в таблице
— Как гибко управлять видимостью столбцов таблицы
— Редактирование данных в колонках таблицы - updateField
Последние обновления
Интеграции 24.11.2025
Разное 24.11.2025
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства