Zum Hauptinhalt springen

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.

gantt_localized

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.

Hinweis

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

Hinweis

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.

SpracheSprachcodeÜbersetzungsstatus
Afrikaansafvollständig
Albani(isch)sqvollständig
Arabischarvollständig
Weißrussischbevollständig
Bosnischbsvollständig
Bulgarischbgvollständig
Katalanischcavollständig
Chinesisch (Vereinfachtes)cnvollständig
Chinesisch (Hongkong)zh_hkvollständig
Chinesisch (Taiwan)zh_twvollständig
Kroatischhrvollständig
Tschechischcsvollständig
Dänischdavollständig
Niederländischnlvollständig
Niederländisch (Belgien)nl_bevollständig
Englischenvollständig
Estnischetvollständig
Finnischfivollständig
Französisch (Frankreich)frvollständig
Französisch (Kanada)fr_cavollständig
Deutsch (Deutschland)devollständig
Deutsch (Österreich)de_atvollständig
Griechischelvollständig
Hebräischhevollständig
Ungarischhuvollständig
Indonesischidvollständig
Irischgavollständig
Italienischitvollständig
Japanischjpvollständig
Koreanischkrvollständig
Lettischlvvollständig
Litauischltvollständig
Mazedonischmkvollständig
Malaiischmsvollständig
Norwegisch (Bokmål)nbvollständig
Norwegisch (Nynorsk)novollständig
Persischfavollständig
Polnischplvollständig
Portugiesisch (Portugal)ptvollständig
Portugiesisch (Brasilien)pt_brvollständig
Rumänischrovollständig
Russischruvollständig
Slowakischskvollständig
Slowenischsivollständig
Spanisch (Spanien)esvollständig
Spanisch (Mexiko)es_mxvollständig
Schwedischsvvollständig
Thaithvollständig
Türkischtrvollständig
Ukrainischuavollständig
Vietnamesischvivollständig

Erstellung einer benutzerdefinierten Lokalisierung

Hinweis

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.
Englische Lokalisierungsdefinition
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.
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.