Lokalisierung

Die Lokalisierung ermöglicht es Ihnen, die Benutzeroberfläche des Gantt-Diagramms in der Sprache Ihrer Wahl anzuzeigen, wie Englisch, Spanisch, Französisch und mehr. Standardmäßig verwendet dhtmlxGantt die englische Lokalisierung.

Aktivierung einer Lokalisierung

Um das Gantt-Diagramm in einer anderen Sprache als Englisch zu verwenden, müssen Sie die gewünschte Lokalisierung mit der setLocale-Methode des gantt.i18n-Objekts aktivieren.

gantt.i18n.setLocale("fr");

Sie können gerne eine der vordefinierten Lokalisierungen nutzen oder anpassen, die in der dhtmlxgantt.js-Datei enthalten sind. Alternativ können Sie eine benutzerdefinierte Lokalisierung erstellen.

Sie können Lokalisierungen dynamisch wechseln, aber die Änderungen werden erst wirksam, nachdem das Gantt-Diagramm vollständig mit gantt.render() oder gantt.init() neu gezeichnet wurde.

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

Related sample:  Localization

Vordefinierte Lokalisierungen

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

Erstellung einer benutzerdefinierten Lokalisierung

Das gantt.i18n-Objekt wurde in Version 7.0 eingeführt. In älteren Versionen wurde das gantt.locale-Objekt verwendet. Für weitere Details siehe den Migrationsartikel.

Der einfachste Weg, eine benutzerdefinierte Lokalisierung zu erstellen, besteht darin, die Standard-Englisch-Lokalisierung aus dem unten stehenden Beispiel zu kopieren und alle Zeichenfolgen in Ihre bevorzugte Sprache zu übersetzen.

Sie können eine benutzerdefinierte Lokalisierung auf zwei Arten auf das Gantt-Diagramm anwenden:

  • Überschreiben Sie die aktuelle Lokalisierung, indem Sie ein Lokalisierungsobjekt als Parameter an die setLocale-Methode übergeben:
gantt.i18n.setLocale(localeObject);

Wenn Sie ein teilweises Lokalisierungsobjekt bereitstellen, wird das Gantt-Diagramm Ihre Bezeichnungen mit der bestehenden Lokalisierung zusammenführen:

gantt.i18n.setLocale({
    labels: {
        new_task: "Neue Aufgabe"
    }
});
  • Alternativ, wenn Sie zwischen mehreren Lokalisierungen umschalten müssen, definieren Sie eine Lokalisierung mit einem benutzerdefinierten Sprachcode und wechseln Sie später zu dieser:
gantt.i18n.addLocale("lang", localeObject); 
gantt.i18n.setLocale("lang");

Hinweis,

  • Sie können Ihre benutzerdefinierte Lokalisierungsdatei teilen, indem Sie sie an support@dhtmlx.com senden, um sie in zukünftige Versionen aufzunehmen.
  • Die aktive Lokalisierung ist über das gantt.locale-Objekt zugänglich.
  • monthFull listet die vollständigen Monatsnamen beginnend mit Januar auf.
  • monthShort listet die abgekürzten Monatsnamen beginnend mit Januar auf.
  • dayFull listet die vollständigen Wochentagsnamen beginnend mit Sonntag auf.
  • dayShort listet die abgekürzten Wochentagsnamen beginnend mit Sonntag auf.

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",
        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 das confirm_closing- oder confirm_deleting-Label nicht gesetzt ist, wird der entsprechende Bestätigungsdialog nicht angezeigt (er wird automatisch bestätigt).
  • Das section_{name}-Label entspricht dem Lightbox-Abschnitt mit demselben Namen.
  • Das new_task-Label gibt den Standardtext für ein neues Ereignis an.
Zurück nach oben