DHTMLX Pivot MCP-Server: Konfiguration, Aggregation und Export
DHTMLX Pivot verwandelt ein Konfigurationsobjekt in eine vollständig aggregierte Tabelle und öffnet den Zugang zu einer zweiten kompletten API, dem zugrunde liegenden Table-Widget, zum Exportieren von Daten oder zum Erweitern von Baumzeilen. Layoutänderungen und vollständige Tabellen-Neuzeichnungen lösen jeweils ein eigenes Event aus: eine Layout-Bearbeitung löst das eine aus, während jede darunterliegende Neuzeichnung das andere auslöst. Das alles richtig hinzubekommen, hängt von aktueller Dokumentation ab, nicht von einer veralteten Vermutung.
Fragen Sie stattdessen den DHTMLX MCP-Server: Er liefert die aktuelle config-Struktur, den Exportweg über getTable() und das richtige Event für die Persistenz, sodass der Assistent Code generiert, der dem tatsächlichen aktuellen Verhalten von Pivot entspricht.
MCP-Endpunkt
https://docs.dhtmlx.com/mcp
Der DHTMLX MCP-Server deckt alle wichtigen DHTMLX-Produkte ab, nicht nur DHTMLX Pivot. Derselbe Endpunkt und dieselben Konfigurationsanweisungen funktionieren unabhängig davon, mit welcher DHTMLX-Komponente Sie arbeiten.
Was Pivot-Entwickler den MCP-Server fragen
Der MCP-Server kann Ihnen nahezu alles über die Dokumentation von DHTMLX Pivot verraten, angefangen bei:
- Nachschlagen der aktuellen API für Methoden, Events und Eigenschaften, einschließlich der Event Bus- und State-Methoden.
- Generieren von sofort lauffähigem Initialisierungs-Code mit der Struktur aus
fields,dataundconfig, die eine bestimmte Tabelle benötigt. - Definieren von Zeilen, Spalten und Werten in der
config-Eigenschaft, einschließlich beider akzeptierten Formen einesvalues-Eintrags. - Auswählen oder Schreiben von Aggregationsmethoden, von der integrierten Gruppe
sum/count/averagebis zu einer benutzerdefinierten Methode, die über diemethods-Eigenschaft hinzugefügt wird. - Vorverarbeiten von Daten mit Prädikaten vor der Aggregation, zum Beispiel beim Gruppieren von Datumswerten nach Monat.
- Größenanpassung, Fixierung und Templating von Tabellenzellen über
tableShapeundheaderShape, einschließlich Baummodus und fixierten Spalten. - Lokalisieren von Labels und Datums-/Zahlenformaten sowie Gestalten der Tabelle mit den CSS-Variablen
--wx-pivot-*. - Exportieren einer Tabelle nach CSV oder XLSX über die Table-Instanz, die von
getTable()zurückgegeben wird. - Entscheiden zwischen
update-configundrender-table, wenn Sie den State auf einem Server persistieren, oder Integrieren von Pivot mit React, Vue, Angular und Svelte.
Wo eine Pivot-Frage im MCP landet
Eine Pivot-Frage, die an den DHTMLX MCP-Server gesendet wird, durchläuft eine Retrieval-Augmented-Generation-(RAG)-Pipeline, die auf dem Model Context Protocol (MCP) aufbaut, und landet in einem von zwei Workflows: Search, der passende Referenzseiten zurückgibt, aus denen der Assistent schreibt, oder Inference, der diese Seiten liest und die Frage selbst beantwortet. Nur die Hälfte dieser Anfrage benötigt einen Dokumentationsabgleich. Der Assistent grenzt diese Hälfte ein und schreibt den Rest, die serverspezifische Speicherlogik, aus dem, was er bereits weiß.
Betrachten Sie den Prompt „Schreibe einen Handler, der die Pivot-Config bei jeder Layoutänderung auf dem Server speichert.“:
- Der Assistent grenzt die Hälfte ein, die Dokumentation benötigt: welches Event abgehört werden muss und wie die aktuelle Config gelesen wird.
- Der Server ermittelt die zugehörige Dokumentation Mit dem Server arbeiten.
- Da nach generiertem Code gefragt wird, übernimmt Search die Anfrage (eine engere Frage, etwa ob
render-tablehäufiger auslöst alsupdate-config, würde stattdessen an Inference gehen). - Search ruft die passenden Seiten aus einem Vektorindex der aktuellen Pivot-Dokumentation ab.
- Der Assistent erhält diese Seiten als Kontext zurück.
- Aus diesem Kontext schreibt der Assistent den
update-config-Listener, wobei er das häufigere Auslösen vonrender-tablekorrekt ausklammert, und fügt anschließend aus eigenem Wissen die eigentliche Speicheranfrage für den Zielserver hinzu.
So bleibt der Aggregations- und Export-Code von Pivot mit der aktuellen API abgestimmt.
KI-Tool mit dem MCP-Server verbinden
Unabhängig davon, welches KI-Entwicklungstool Sie neben Pivot verwenden, läuft die Anbindung an den MCP-Server auf einen einzigen Schritt hinaus: das Tool per CLI-Befehl oder JSON-Konfigurationsdatei auf die untenstehende Endpunkt-URL zu verweisen.
https://docs.dhtmlx.com/mcp
Im Folgenden finden Sie die Einrichtungsdetails für gängige Tools.
Claude Code
Die offizielle Dokumentation von Claude Code führt durch jeden MCP-Einrichtungsweg.
Um den Server über die Kommandozeile zu registrieren, führen Sie aus:
claude mcp add --transport http dhtmlx-mcp https://docs.dhtmlx.com/mcp
Keine CLI zur Hand? Fügen Sie die folgende Konfiguration manuell zu Ihrer .mcp.json hinzu:
{
"mcpServers": {
"dhtmlx-mcp": {
"type": "http",
"url": "https://docs.dhtmlx.com/mcp"
}
}
}
Cursor
Die vollständigen MCP-Konfigurationsoptionen finden Sie in der offiziellen Dokumentation von Cursor.
Schritte zum Hinzufügen des Servers:
- Öffnen Sie die Einstellungen (
Cmd+Shift+Junter Mac,Ctrl+Shift+Junter Windows/Linux) - Gehen Sie zu Tools & MCP
- Klicken Sie auf Add Custom MCP
- Fügen Sie die folgende Konfiguration ein:
{
"mcpServers": {
"dhtmlx-mcp": {
"url": "https://docs.dhtmlx.com/mcp"
}
}
}
Google Antigravity
Antigravity 2.0
Die offizielle Dokumentation bietet den vollständigen Überblick über die MCP-Server-Integration in Antigravity.
Das sind die Schritte, um den DHTMLX MCP-Server mit Google Antigravity zu verbinden:
- Öffnen Sie die Befehlspalette
- Geben Sie "mcp add" ein
- Wählen Sie "HTTP"
- Geben Sie die folgenden Werte an:
- Name:
dhtmlx-mcp
- URL:
https://docs.dhtmlx.com/mcp
Antigravity CLI
Der zugehörige Leitfaden erklärt, was sich bei der Migration von Gemini CLI zu Antigravity CLI ändert.
Um den DHTMLX MCP-Server mit Antigravity CLI zu verbinden, erstellen Sie mcp_config.json an einem der folgenden Orte:
- Global:
~/.gemini/config/mcp_config.json - Workspace:
.agents/mcp_config.json
Fügen Sie die folgende Konfiguration hinzu:
{
"mcpServers": {
"dhtmlx-mcp": {
"serverUrl": "https://docs.dhtmlx.com/mcp"
}
}
}
Führen Sie anschließend agy im Terminal aus.
ChatGPT
Alle Schritte zur Einrichtung eines MCP-Connectors in ChatGPT finden Sie in der offiziellen Dokumentation.
Schritte zur Konfiguration des Connectors:
- Gehen Sie zu Settings → Apps & Connectors
- Klicken Sie auf Advanced settings
- Aktivieren Sie Developer mode
- Kehren Sie zu Apps & Connectors zurück und klicken Sie auf "Create"
- Füllen Sie die Connector-Details aus:
- Name:
dhtmlx-mcp
- URL:
https://docs.dhtmlx.com/mcp
- Authentication:
No authentication
- Klicken Sie auf Create
Nachdem Sie den Connector erstellt haben, ruft ChatGPT während der Unterhaltungen Dokumentation vom MCP-Server ab.
Für intensive Coding-Workflows sind andere MCP-fähige Tools möglicherweise besser geeignet.
Andere Tools
In den Einstellungsbereichen anderer KI-Coding-Tools wird dies meist als "Model Context Protocol" oder "Context Sources" bezeichnet. Fügen Sie dort https://docs.dhtmlx.com/mcp als benutzerdefinierte Quelle hinzu.
Wohin Ihre Anfragen gehen
Als gehosteter Dienst läuft der MCP-Server niemals auf Ihrer eigenen Hardware, öffnet niemals eine lokale Datei und speichert niemals personenbezogene Daten.
Der Server protokolliert Anfragen ausschließlich zur Fehlerbehebung und zur Verbesserung des Dienstes.
Fordern Sie ein kommerzielles Deployment an, um die Protokollierung von Anfragen vollständig zu deaktivieren. Wenden Sie sich dazu an info@dhtmlx.com.
Prompts, die Pivot richtig treffen
Ein Prompt dreht sich in der Regel um eines von vier Themen: Config, Aggregation, Layout oder Server-Sync. Die folgenden Gruppen benennen dieses Thema jeweils von vornherein für Sie.
Config und Aggregation
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?
Prädikate und Felder
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?
Layout und Styling
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?
Server-Sync und Export
How do I save the user's layout to a server whenever they change it?
How do I export the Pivot table to XLSX?
Kleine Tipps für Pivot-Prompts
- Sagen Sie, welche API Sie meinen.
export, das Auf-/Zuklappen von Baumzeilen und das Filtern nach Zeile laufen alle über die Table-Instanz, diegetTable()zurückgibt, nicht direkt über die Pivot-Instanz. Diese Ebene zu benennen, verhindert, dass der Assistent eine Table-exklusive Methode auf dem falschen Objekt aufruft. - Unterscheiden Sie eine Methode von einem Prädikat. Aggregationsmethoden (
sum,count, ein benutzerdefinierter Eintrag inmethods) fassen Werte zusammen, die bereits in einer Zeile oder Spalte stehen. Prädikate transformieren einen Rohwert, bevor diese Gruppierung stattfindet. Geben Sie an, welche Phase Ihr Prompt anspricht. - Geben Sie die gewünschte Form des
values-Eintrags genau an. Einvalues-Element kann ein"method(field)"-String oder ein{ field, method }-Objekt sein. Die verwendete Form zu benennen, hindert den Assistenten daran, eine dritte Form zu erfinden. - Fügen Sie "Use the docs" hinzu, wenn Sie nach
update-configim Vergleich zurender-tablefragen. Die beiden lösen mit unterschiedlicher Häufigkeit aus, und genau diese Unterscheidung ist die Art von Detail, die veraltete Trainingsdaten übergehen.