Lokalisierung
Mit der Lokalisierung können Sie die Benutzeroberfläche des Gantt-Diagramms in Ihrer bevorzugten Sprache anzeigen lassen, beispielsweise auf Englisch, Spanisch, Französisch und anderen. Standardmäßig verwendet dhtmlxGantt die englische Spracheinstellung.
Aktivieren einer Spracheinstellung
Um das Gantt-Diagramm in einer anderen Sprache als Englisch zu nutzen, müssen Sie lediglich die gewünschte Sprache mit der setLocale-Methode des gantt.i18n-Objekts aktivieren.
gantt.i18n.setLocale("fr");
Sie können eine der vordefinierten Spracheinstellungen aus der dhtmlxgantt.js-Datei verwenden oder eine eigene Spracheinstellung anlegen.
Die Spracheinstellung kann während der Laufzeit geändert werden, aber die Änderung wird erst nach einer vollständigen Neuzeichnung des Gantt-Diagramms wirksam, indem entweder gantt.render() oder gantt.init() aufgerufen wird.
gantt.i18n.setLocale("fr");
gantt.init("gantt_here");
Vordefinierte Spracheinstellungen
| Sprache | Sprachcode | Übersetzungsstatus |
| Arabisch | ar | teilweise |
| Weißrussisch | be | vollständig |
| Englisch | en | vollständig |
| Katalanisch | ca | teilweise |
| Chinesisch | cn | teilweise |
| Kroatisch | hr | vollständig |
| Tschechisch | cs | teilweise |
| Dänisch | da | teilweise |
| Niederländisch | nl | teilweise |
| Finnisch | fi | teilweise |
| Französisch | fr | vollständig |
| Deutsch | de | vollständig |
| Griechisch | el | teilweise |
| Hebräisch | he | teilweise |
| Ungarisch | hu | teilweise |
| Indonesisch | id | teilweise |
| Italienisch | it | teilweise |
| Japanisch | jp | teilweise |
| Koreanisch | kr | teilweise |
| Norwegisch | no | teilweise |
| Norwegisch Bokmål | nb | teilweise |
| Persisch | fa | vollständig |
| Polnisch | pl | teilweise |
| Portugiesisch | pt | teilweise |
| Rumänisch | ro | teilweise |
| Russisch | ru | vollständig |
| Slowakisch | sk | teilweise |
| Slowenisch | si | teilweise |
| Spanisch | es | teilweise |
| Schwedisch | sv | teilweise |
| Türkisch | tr | teilweise |
| Ukrainisch | ua | teilweise |
Erstellen einer eigenen Spracheinstellung
Das gantt.i18n-Objekt wurde in Version 7.0 eingeführt. Ältere Versionen nutzten das gantt.locale-Objekt. Weitere Informationen finden Sie im Migrationsartikel.
Die einfachste Möglichkeit, eine eigene Spracheinstellung zu erstellen, besteht darin, die untenstehende englische Standard-Spracheinstellung zu kopieren und alle Zeichenketten in die gewünschte Sprache zu übersetzen.
Sie können Ihre eigene Spracheinstellung auf zwei Arten auf das Gantt-Diagramm anwenden:
- Überschreiben Sie die aktuelle Spracheinstellung, indem Sie Ihr Sprachobjekt an die setLocale-Methode übergeben:
gantt.i18n.setLocale(localeObject);
Wenn Sie ein teilweises Sprachobjekt bereitstellen, werden Ihre Bezeichnungen mit der bestehenden Spracheinstellung zusammengeführt:
gantt.i18n.setLocale({
labels: {
new_task: "New task"
}
});
- Oder, wenn Sie zwischen mehreren Spracheinstellungen wechseln möchten, definieren Sie eine neue Spracheinstellung mit einem eigenen Sprachcode und wechseln später zu dieser:
gantt.i18n.addLocale("lang", localeObject);
gantt.i18n.setLocale("lang");
Hinweis,
- Sie können Ihre eigene Sprachdatei an support@dhtmlx.com senden, damit sie in zukünftige Versionen aufgenommen wird.
- Die aktuell aktive Spracheinstellung ist über das gantt.locale-Objekt zugänglich.
- monthFull enthält die vollständigen Monatsnamen, beginnend mit Januar;
- monthShort enthält die abgekürzten Monatsnamen, beginnend mit Januar;
- dayFull enthält die vollständigen Wochentagsnamen, beginnend mit Sonntag;
- dayShort enthält die abgekürzten Wochentagsnamen, beginnend mit Sonntag.
English locale definition
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",
gantt_save_btn: "New Label",
gantt_cancel_btn: "New Label",
gantt_delete_btn: "New Label",
confirm_closing: "",// Your changes will be lost, are you sure?
confirm_deleting: "Task will be deleted permanently, are you sure?",
section_description: "Description",
section_time: "Time period",
section_type: "Type",
/* 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: "Week",
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_filter_placeholder: "type to filter",
resources_filter_label: "hide empty"
}
});
- Wenn die confirm_closing- oder confirm_deleting-Bezeichnungen fehlen, erscheinen die entsprechenden Bestätigungsdialoge nicht (automatisch bestätigt).
- Die section_(name)-Bezeichnungen entsprechen den Lightbox-Abschnitten mit den entsprechenden Namen.
- Die new_task-Bezeichnung legt den Standardtext für neue Aufgaben fest.