Lokalisierung
Lokalisierung ermöglicht es Ihnen, die Benutzeroberfläche des Gantt-Diagramms in die gewünschte Sprache zu übertragen: Englisch, Spanisch, Französisch usw. Standardmäßig verwendet dhtmlxGantt die englische Lokalisierung.

Aktivieren einer Lokalisierung
Um das Gantt-Diagramm in einer nicht-englischen Sprache zu implementieren, müssen Sie die erforderliche Lokalisierung über die Methode setLocale des gantt.i18n Objekts aktivieren.
gantt.i18n.setLocale("fr");
Sie können eine der 50+ vordefinierten Lokalisierungen verwenden und aktualisieren, die mit der Datei dhtmlxgantt.js gebündelt sind, oder eine benutzerdefinierte Lokalisierung definieren.
Die Lokalisierung kann dynamisch gewechselt werden, aber die Änderungen wirken erst nach einer vollständigen Neuzeichnung des Gantt-Diagramms, entweder durch Aufruf von gantt.render() oder gantt.init().
gantt.i18n.setLocale("fr");
gantt.init("gantt_here");
Zugehöriges Beispiel: Lokalisierung
Vordefinierte Lokalisierungen
Das Set der gebündelten Lokalisierungen wurde deutlich erweitert und die Übersetzungen wurden in v10.0 überarbeitet, sodass alle vordefinierten Lokalisierungen nun mit einem vollständigen Satz von Bezeichnungen geliefert werden.
| Sprache | Sprachcode | Übersetzungsstatus |
| Afrikaans | af | vollständig |
| Albani(isch) | sq | vollständig |
| Arabisch | ar | vollständig |
| Weißrussisch | be | vollständig |
| Bosnisch | bs | vollständig |
| Bulgarisch | bg | vollständig |
| Katalanisch | ca | vollständig |
| Chinesisch (Vereinfachtes) | cn | vollständig |
| Chinesisch (Hongkong) | zh_hk | vollständig |
| Chinesisch (Taiwan) | zh_tw | vollständig |
| Kroatisch | hr | vollständig |
| Tschechisch | cs | vollständig |
| Dänisch | da | vollständig |
| Niederländisch | nl | vollständig |
| Niederländisch (Belgien) | nl_be | vollständig |
| Englisch | en | vollständig |
| Estnisch | et | vollständig |
| Finnisch | fi | vollständig |
| Französisch (Frankreich) | fr | vollständig |
| Französisch (Kanada) | fr_ca | vollständig |
| Deutsch (Deutschland) | de | vollständig |
| Deutsch (Österreich) | de_at | vollständig |
| Griechisch | el | vollständig |
| Hebräisch | he | vollständig |
| Ungarisch | hu | vollständig |
| Indonesisch | id | vollständig |
| Irisch | ga | vollständig |
| Italienisch | it | vollständig |
| Japanisch | jp | vollständig |
| Koreanisch | kr | vollständig |
| Lettisch | lv | vollständig |
| Litauisch | lt | vollständig |
| Mazedonisch | mk | vollständig |
| Malaiisch | ms | vollständig |
| Norwegisch (Bokmål) | nb | vollständig |
| Norwegisch (Nynorsk) | no | vollständig |
| Persisch | fa | vollständig |
| Polnisch | pl | vollständig |
| Portugiesisch (Portugal) | pt | vollständig |
| Portugiesisch (Brasilien) | pt_br | vollständig |
| Rumänisch | ro | vollständig |
| Russisch | ru | vollständig |
| Slowakisch | sk | vollständig |
| Slowenisch | si | vollständig |
| Spanisch (Spanien) | es | vollständig |
| Spanisch (Mexiko) | es_mx | vollständig |
| Schwedisch | sv | vollständig |
| Thai | th | vollständig |
| Türkisch | tr | vollständig |
| Ukrainisch | ua | vollständig |
| Vietnamesisch | vi | vollständig |
Erstellung einer benutzerdefinierten Lokalisierung
Das gantt.i18n Objekt wird in v7.0 hinzugefügt. In früheren Versionen wurde das gantt.locale Objekt verwendet. Für weitere Informationen lesen Sie den Migration-Artikel.
Der einfachste Weg, eine benutzerdefinierte Lokalisierung zu erstellen, besteht darin, eine Kopie der Standard-(Englisch) Lokalisierung aus dem untenstehenden Muster zu erstellen und alle Zeichenfolgen daraus in die gewünschte Sprache zu übersetzen.
Die benutzerdefinierte Lokalisierung kann dem Gantt-Diagramm auf zwei Arten angewendet werden:
- entweder überschreiben Sie die aktuelle Lokalisierung, indem Sie ein Objekt der Lokalisierung als Parameter an die Methode setLocale übergeben:
gantt.i18n.setLocale(localeObject);
Hinweis, falls Sie ein partielles Lokalisierungsobjekt bereitstellen, wird gantt Ihre Labels in die aktuelle Lokalisierung hinzufügen:
gantt.i18n.setLocale({
labels: {
new_task: "New task"
}
});
- oder, wenn Sie zwischen mehreren Lokalisierungen wechseln müssen, definieren Sie die Lokalisierung mit einem benutzerdefinierten Sprachcode und wechseln Sie den Gantt später darauf um:
gantt.i18n.addLocale("lang", localeObject);
gantt.i18n.setLocale("lang");
Hinweis,
- Sie können Ihre benutzerdefinierte Lokalisierungsdatei an support@dhtmlx.com senden – dann wird sie in der nächsten Veröffentlichung berücksichtigt.
- Die derzeit aktive Lokalisierung ist auch im gantt.locale Objekt verfügbar
- month_full - die vollständigen Monatsnamen beginnend mit Januar;
- month_short - die kurzen Monatsnamen beginnend mit Januar;
- day_full - die vollständigen Wochentagsnamen beginnend mit Sonntag;
- day_short - die kurzen Wochentagsnamen beginnend mit Sonntag.
gantt.i18n.setLocale({
date: {
month_full: ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"],
month_short: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul",
"Aug", "Sep", "Oct", "Nov", "Dec"],
day_full: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday",
"Friday", "Saturday"],
day_short: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
},
labels: {
new_task: "New task",
icon_save: "Save",
icon_cancel: "Cancel",
icon_details: "Details",
icon_edit: "Edit",
icon_delete: "Delete",
confirm_deleting: "Task will be deleted permanently, are you sure?",
section_description: "Description",
section_time: "Time period",
section_type: "Type",
section_deadline: "Deadline",
section_baselines: "Baselines",
section_new_resources: "Resources",
/* grid columns */
column_wbs: "WBS",
column_text: "Task name",
column_start_date: "Start time",
column_duration: "Duration",
column_add: "",
/* link confirmation */
link: "Link",
confirm_link_deleting: "will be deleted",
link_start: " (start)",
link_end: " (end)",
type_task: "Task",
type_project: "Project",
type_milestone: "Milestone",
minutes: "Minutes",
hours: "Hours",
days: "Days",
weeks: "Weeks",
months: "Months",
years: "Years",
/* message popup */
message_ok: "OK",
message_cancel: "Cancel",
/* constraints */
section_constraint: "Constraint",
constraint_type: "Constraint type",
constraint_date: "Constraint date",
asap: "As Soon As Possible",
alap: "As Late As Possible",
snet: "Start No Earlier Than",
snlt: "Start No Later Than",
fnet: "Finish No Earlier Than",
fnlt: "Finish No Later Than",
mso: "Must Start On",
mfo: "Must Finish On",
/* resource control */
resources_add_button: "Add Assignment",
resources_filter_placeholder: "Search...",
resources_filter_label: "hide empty",
resources_section_placeholder: "Nothing assigned yet. Click 'Add Assignment' to assign resources.",
/* empty state screen */
empty_state_text_link: "Click here",
empty_state_text_description: "to create your first task",
/* baselines control */
baselines_section_placeholder: "Start adding a new baseline",
baselines_add_button: "Add Baseline",
baselines_remove_button: "Remove",
baselines_remove_all_button: "Remove All",
/* deadline control */
deadline_enable_button: "Set",
deadline_disable_button: "Remove"
}
});
- Wenn das Label confirm_closing oder confirm_deleting nicht definiert ist, wird der zugehörige Bestätigungsdialog überhaupt nicht angezeigt (Auto-Bestätigung);
- Das Label section_(name) bezieht sich auf den Lightbox-Bereich des entsprechenden Namens.
- Das Label new_task definiert den Standardtext eines neuen Tasks.