Zum Hauptinhalt springen

Lokalisierung

Die Lokalisierung ermöglicht es Ihnen, die Benutzeroberfläche des Gantt-Diagramms in der gewünschten Sprache anzuzeigen: Englisch, Spanisch, Französisch usw. Standardmäßig verwendet dhtmlxGantt English locale.

gantt_localized

Aktivieren einer Lokalisierung

Um das Gantt-Diagramm in einer nicht-englischen Sprache zu implementieren, müssen Sie die benötigte Lokalisierung über die Methode setLocale des gantt.i18n-Objekts aktivieren.

gantt.i18n.setLocale("fr");    

Sie können eine der vordefinierten Lokalisierungen verwenden und aktualisieren, die in der Datei dhtmlxgantt.js enthalten sind, oder eine benutzerdefinierte Lokalisierung definieren.

Hinweis

Die Lokalisierung kann dynamisch gewechselt werden, aber die Änderungen werden erst nach einer vollständigen Neuzeichnung des Gantt-Diagramms angewendet, entweder durch den Aufruf von gantt.render() oder gantt.init().

gantt.i18n.setLocale("fr");
gantt.init("gantt_here");

Verwandtes Beispiel: Localization

Vordefinierte Lokalisierungen

SpracheSprachcodeÜbersetzungsstatus
Arabischarteilweise
Belarussischbevollständig
Englischenvollständig
Katalanischcateilweise
Chinesischcnteilweise
Kroatischhrvollständig
Tschechischcsteilweise
Dänischdateilweise
Niederländischnlteilweise
Finnischfiteilweise
Französischfrvollständig
Deutschdevollständig
Griechischelteilweise
Hebräischheteilweise
Ungarischhuteilweise
Indonesischidteilweise
Italienischitteilweise
Japanischjpteilweise
Koreanischkrteilweise
Norwegischnoteilweise
Norwegisch Bokmålnbteilweise
Persischfavollständig
Polnischplteilweise
Portugiesischptteilweise
Rumänischroteilweise
Russischruvollständig
Slowakischskteilweise
Slowenischsiteilweise
Spanischesteilweise
Schwedischsvteilweise
Türkischtrteilweise
Ukrainischuateilweise

Eine benutzerdefinierte Lokalisierung erstellen

Hinweis

Das gantt.i18n-Objekt wurde in v7.0 hinzugefügt. In früheren Versionen wurde das gantt.locale-Objekt verwendet. Weitere Informationen finden Sie im Migration article.

Der einfachste Weg, eine benutzerdefinierte Lokalisierung zu erstellen, besteht darin, eine Kopie der Standard-Lokalisierung (Englisch) aus dem untenstehenden Beispiel zu erstellen und alle Strings daraus in die gewünschte Sprache zu übersetzen.

Die benutzerdefinierte Lokalisierung kann auf zwei Arten auf das Gantt-Diagramm angewendet werden:

  • entweder übersteuern 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 angeben, wird gantt Ihre Bezeichner in die aktuelle Lokalisierung hinzufügen:

gantt.i18n.setLocale({
labels: {
new_task: "Neue Aufgabe"
}
});
  • oder, wenn Sie zwischen mehreren Lokalisierungen wechseln müssen, definieren Sie die Lokalisierung mit einem benutzerdefinierten Sprachcode und wechseln Sie später zum Gantt darauf um:
gantt.i18n.addLocale("lang", localeObject);    
gantt.i18n.setLocale("lang");

Hinweis,

  • Sie können Ihre benutzerdefinierte Lokalisierungsdatei an support@dhtmlx.com senden – wir werden sie in der nächsten Veröffentlichung berücksichtigen.
  • Die aktuell aktive Lokalisierung ist auch im gantt.locale-Objekt verfügbar
  • monthFull – die vollständigen Monatsnamen, beginnend mit Januar;
  • monthShort – die kurzen Monatsnamen, beginnend mit Januar;
  • dayFull – die vollständigen Wochentagsnamen, beginnend mit Sonntag;
  • dayShort – die kurzen Wochentagsnamen, beginnend mit Sonntag.
Englische 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"
}
});
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.