Как редактировать поля прямо в таблице на сайте
В этом примере было реализовано редактирование таких типов полей, как Строка, Многострочный текст, Список, Дата и Переключатель.
Для этого мы:
- создали таблицу
- добавили в неё необходимые колонки
- настроили тип редактируемых полей
- для поля с типов редактирования "Список" настроили процедуру SQL
- настроили процедуру GetItem
- настроили процедуру UpdateField.
CREATE PROCEDURE [dbo].[crud_watch_editing_category_dict]
@tableCode nvarchar(32),
@col nvarchar(32),
@username nvarchar(32)
as
begin
select id Value, name Text
from tst_categories
end
CREATE PROCEDURE [dbo].[crud_watch_editing_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_products]
where (isnull(@filterName, '')='' or name like '%'+@filterName+'%')
-- SELECT 1
select
id id,
isnull(name, '') name,
isnull(price, 0) price,
isnull([desc], '') [desc],
isnull(try_convert(datetime, created, 104), '')created,
isnull(isVisible, 0) isVisible,
(select name from tst_categories where id = (select categoryID from tst_categoryProducts where productID = p.id)) category
from tst_products p
where id in (select id from @ids)
order by
case when @sort = '' then id end asc,
case when @sort = 'name' and @direction = 'up' then name end asc,
case when @sort = 'name' and @direction = 'down' then name end desc,
case when @sort = 'price' and @direction = 'up' then price end asc,
case when @sort = 'price' and @direction = 'down' then price end desc,
case when @sort = 'desc' and @direction = 'up' then [desc] end asc,
case when @sort = 'desc' and @direction = 'down' then [desc] end desc,
case when @sort = 'created' and @direction = 'up' then created end asc,
case when @sort = 'created' and @direction = 'down' then created end desc
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].[crud_watch_editing_updateField]
@itemID int,
@field nvarchar(64),
@value nvarchar(max),
@username nvarchar(64)
AS
BEGIN
if(@field = 'name') begin
update tst_products set name = @value where id = @itemID
end else if(@field = 'price') begin
update tst_products set price = try_cast(@value as decimal(18,2)) where id = @itemID
end else if(@field = 'category') begin
update tst_categoryProducts set categoryID = try_cast(@value as int) where productID = @itemID
end else if(@field = 'desc') begin
update tst_products set [desc] = @value where id = @itemID
end else if(@field = 'created') begin
update tst_products set created = try_convert(datetime, @value, 104) where id = @itemID
end else if(@field = 'isVisible') begin
update tst_products set isVisible = try_cast(@value as bit) where id = @itemID
end else begin
select 'Невалидный код свойства' Msg, 0 Result
return
end
select '' Msg, 1 Result
END
Другие демостенды
— Редактирование полей таблицы с разными типами HTML5— Как редактировать ячейку таблицы - типы редактирования ячейки таблицы
— Редактирование данных в таблице в личном кабинете через элементы управления прямо в таблице
— Таблица - навигация по ячейкам таблицы с помощью стрелок клавиатуры. Аналог Excel таблицы на сайте
— Таблица. Обновление полей при редактировании данных
— Таблица - множество редактируемых полей в одной ячейке
Что есть в базе знаний по этой теме
— Как установить ширину колонки в таблице— Отображение таблиц на смартфоне
— Создание сущности с учетом значений фильтров
— Оптимизация запроса 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
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства