MCP-сервер DHTMLX Pivot: конфигурация, агрегация и экспорт
DHTMLX Pivot превращает единый объект конфигурации в полностью агрегированную таблицу и открывает доступ к целому второму API, базовому виджету Table, для экспорта данных или раскрытия строк дерева. Изменения макета и полные перерисовки таблицы запускают собственные события: редактирование макета вызывает одно событие, а каждая перерисовка внутри — другое. Чтобы не ошибиться во всём этом, нужна актуальная документация, а не устаревшая догадка.
Вместо этого обратитесь к MCP-серверу DHTMLX: он возвращает актуальную структуру config, путь экспорта через getTable() и нужное событие для сохранения состояния, поэтому ассистент генерирует код, который соответствует тому, как Pivot на самом деле ведёт себя сегодня.
Конечная точка MCP
https://docs.dhtmlx.com/mcp
MCP-сервер DHTMLX охватывает все основные продукты DHTMLX, а не только DHTMLX Pivot. Одна и та же конечная точка и инструкции по настройке работают независимо от того, с каким компонентом DHTMLX вы работаете.
О чём разработчики Pivot спрашивают MCP-сервер
MCP-сервер может рассказать почти всё о документации DHTMLX Pivot, начиная с:
- Поиска актуального API для методов, событий и свойств, включая методы Event Bus и состояния.
- Генерации готового к запуску кода инициализации с нужными для конкретной таблицы
fields,dataи структуройconfig. - Определения строк, столбцов и значений в свойстве
config, включая обе допустимые формы записиvalues. - Выбора или написания методов агрегации, от встроенного набора
sum/count/averageдо пользовательского метода, добавленного через свойствоmethods. - Предварительной обработки данных с помощью предикатов перед агрегацией, например группировки дат по месяцам.
- Изменения размера, закрепления и шаблонизации ячеек таблицы через
tableShapeиheaderShape, включая режим дерева и закреплённые столбцы. - Локализации подписей и форматов дат/чисел, а также стилизации таблицы с помощью CSS-переменных
--wx-pivot-*. - Экспорта таблицы в CSV или XLSX через экземпляр Table, который возвращ ает
getTable(). - Выбора между
update-configиrender-tableпри сохранении состояния на сервере, а также интеграции Pivot с React, Vue, Angular и Svelte.
Куда попадает вопрос о Pivot в MCP
Вопрос о Pivot, отправленный на MCP-сервер DHTMLX, проходит через конвейер Retrieval-Augmented Generation (RAG), построенный на Model Context Protocol (MCP), и попадает в один из двух сценариев: Search, который возвращает подходящие страницы документации, из которых ассистент пишет ответ, или Inference, который читает эти страницы и сам отвечает на вопрос. Обращения к документации требует только половина этого запроса. Ассистент выделяет эту половину и дописывает остальное (логику сохранения, специфичную для конкретного сервера) из того, что уже знает.
Рассмотрим промпт «Напиши обработчик, который сохраняет config Pivot на сервер при каждом изменении макета»:
- Ассистент выделяет половину, которая требует документации: какое событие слушать и как прочитать текущий конфиг.
- Сервер находит документацию Работа с сервером, к которой это относится.
- Поскольку запрос — на генерацию кода, его обрабатывает Search (более узкий вопрос, например, срабатывает ли
render-tableчаще, чемupdate-config, ушёл бы в Inference). - Search извлекает подходящие страницы из векторного индекса актуальной документации Pivot.
- Ассистент получает эти страницы в качестве контекста.
- Опираясь на этот контекст, ассистент пишет обработчик
update-config, корректно пропуская более частые срабатыванияrender-table, а затем добавляет сам запрос на сохранение для целевого сервера из собственных знаний.
Так код агрегации и экспорта Pivot остаётся согласованным с актуальным API.
Подключение ИИ-инструмента к MCP-серверу
Какой бы инструмент разработки с ИИ вы ни использовали вместе с Pivot, подключение к MCP-серверу сводится к одному шагу: указать в нём URL конечной точки ниже, используя команду CLI или JSON-файл конфигурации.
https://docs.dhtmlx.com/mcp
Далее следуют инструкции по настройке для популярных инструментов.
Claude Code
Официальная документация Claude Code описывает все способы настройки MCP.
Чтобы зарегистрировать сервер из командной строки, выполните:
claude mcp add --transport http dhtmlx-mcp https://docs.dhtmlx.com/mcp
Нет доступа к CLI? Добавьте следующую конфигурацию в .mcp.json вручную:
{
"mcpServers": {
"dhtmlx-mcp": {
"type": "http",
"url": "https://docs.dhtmlx.com/mcp"
}
}
}
Cursor
Полный набор параметров настройки MCP приведён в официальн ой документации Cursor.
Шаги для добавления сервера:
- Откройте Settings (
Cmd+Shift+Jна Mac,Ctrl+Shift+Jна Windows/Linux) - Перейдите в Tools & MCP
- Нажмите Add Custom MCP
- Вставьте следующую конфигурацию:
{
"mcpServers": {
"dhtmlx-mcp": {
"url": "https://docs.dhtmlx.com/mcp"
}
}
}
Google Antigravity
Antigravity 2.0
Полная картина по интеграции MCP-сервера в Antigravity описана в официальной документации.
Чтобы подключить MCP-сервер DHTMLX к Google Antigravity, выполните следующие шаги:
- Откройте палитру команд
- Введите «mcp add»
- Выберите «HTTP»
- Укажите следующие значения:
- Name:
dhtmlx-mcp
- URL:
https://docs.dhtmlx.com/mcp
Antigravity CLI
Соответствующее руководство объясняет, что меняется при переходе с Gemini CLI на Antigravity CLI.
Чтобы подключить MCP-сервер DHTMLX к Antigravity CLI, создайте mcp_config.json в одном из следующих мест:
- Глобально:
~/.gemini/config/mcp_config.json - В рабочей области:
.agents/mcp_config.json
Добавьте следующую конфигурацию:
{
"mcpServers": {
"dhtmlx-mcp": {
"serverUrl": "https://docs.dhtmlx.com/mcp"
}
}
}
Затем выполните agy в терминале.
ChatGPT
Все шаги настройки MCP-коннектора в ChatGPT описаны в официальной документации.
Шаги настройки коннектора:
- Перейдите в Settings → Apps & Connectors
- Нажмите Advanced settings
- Включите Developer mode
- Вернитесь в Apps & Connectors и нажмите «Create»
- Заполните данные коннектора:
- Name:
dhtmlx-mcp
- URL:
https://docs.dhtmlx.com/mcp
- Authentication:
No authentication
- Нажмите Create
После создания коннектора ChatGPT получает документацию с MCP-сервера в ходе диалогов.
Для интенсивной работы с кодом лучше подойдут другие инструменты с поддержкой MCP.
Другие инструменты
В панелях настроек других инструментов для разработки с ИИ это обычно называется «Model Context Protocol» или «Context Sources». Добавьте туда https://docs.dhtmlx.com/mcp как пользовательский источник.
Куда уходят ваши запросы
Будучи хостинговым сервисом, MCP-сервер никогда не выполняется на вашем оборудовании, не открывает локальные файлы и не хранит персональные данные.
Сервер логирует запросы только для отладки проблем и улучшения сервиса.
Запросите коммерческое развёртывание, чтобы полностью отключить логирование запросов. Свяжитесь по адресу info@dhtmlx.com, чтобы это организовать.
Промпты, которые дают верный результат по Pivot
Промпт обычно касается одной из четырёх тем: конфига, агрегации, макета или синхронизации с сервером. Группы ниже уже называют тему за вас.
Конфиг и агрегация
How do I add a custom aggregation method in DHTMLX Pivot? Use the docs.
How do I set a default sort order for a field in DHTMLX Pivot?
What's the difference between the two accepted forms of a values entry in the config property?
Предикаты и поля
How do I group date values by month using a custom predicate in DHTMLX Pivot?
How do I apply a currency format with a dollar-sign prefix to a numeric field?
Макет и стилизация
How do I freeze the first two row fields on the left in DHTMLX Pivot?
How do I enable tree mode in DHTMLX Pivot and choose which field becomes the parent row?
How do I change the hover color for primary buttons in the Material theme?
Синхронизация с сервером и экспорт
How do I save the user's layout to a server whenever they change it?
How do I export the Pivot table to XLSX?
Небольшие советы для промптов о Pivot
- Уточняйте, какое API вы имеете в виду.
export, раскрытие/сворачивание строк дерева и фильтрация по строкам — всё это работает через экземпляр Table, который возвращаетgetTable(), а не напрямую через экземпляр Pivot. Указание этого уровня не даёт ассистенту вызвать метод, доступный только у Table, не на том объекте. - Различайте метод и предикат. Методы агрегации (
sum,count, пользовательская запись вmethods) сводят значения, уже находящиеся в строке или столбце. Предикаты преобразуют исходное значение до того, как происходит эта группировка. Указывайте, на какой этап нацелен ваш промпт. - Явно указывайте нужную форму записи
values. Элементvaluesможет быть строкой"method(field)"или объектом{ field, method }. Указание используемой формы не даёт ассистенту придумать третий вариант. - Добавляйте «Use the docs», когда спрашиваете про
update-configв сравнении сrender-table. Эти события срабатывают с разной частотой, и именно такие детали устаревшие данные обучения обычно упускают.