Allgemeine Vorlagen

Dieser Artikel behandelt Vorlagen, die in allen Ansichten gemeinsam genutzt werden.
Für detaillierte Informationen zu jeder Vorlage lesen Sie bitte die verlinkten Artikel.

Events

Vorlagen ermöglichen es, den Text und die Farbe von Events anzupassen. Weitere Details finden Sie in:

Lightbox

time_picker – der Dropdown-Zeitwähler innerhalb der Lightbox

scheduler.templates.time_picker = 
scheduler.date.date_to_str(scheduler.config.hour_date);

lightbox_header – definiert die Kopfzeile der Lightbox

scheduler.templates.lightbox_header = function(start,end,ev){
    return scheduler.templates.event_header(ev.start_date,ev.end_date,ev) 
    + scheduler.templates.event_bar_text(ev.start_date,ev.end_date,ev);
};

wobei:

start – (Date) Startzeitpunkt des Events
end – (Date) Endzeitpunkt des Events
event – (object) die Eventdaten

event_date – formatiert den Zeitanteil des Start- und Enddatums eines Events. Wird häufig von anderen Vorlagen zur Anzeige von Zeitbereichen verwendet

scheduler.templates.event_date = function(date){
    var formatFunc = scheduler.date.date_to_str(scheduler.config.hour_date);
    return formatFunc(date);
}

wobei:

date – (Date) das zu formatierende Datum

Touch-Unterstützung

Der Scheduler enthält eine 'quick info'-Erweiterung zur Aktivierung der Touch-Unterstützung.
Diese Erweiterung stellt drei Vorlagen bereit:

quick_info_content – Inhalt, der im Pop-up-Bearbeitungsformular angezeigt wird

scheduler.templates.quick_info_content = function(start, end, ev){ 
    return ev.details || ev.text;
};

quick_info_date – Datum, das im Pop-up-Bearbeitungsformular angezeigt wird

scheduler.templates.quick_info_date = function(start, end, ev){
    if (scheduler.isOneDayEvent(ev)){
        return scheduler.templates.day_date(start, end, ev) + " " +
            scheduler.templates.event_header(start, end, ev);
    }else{
        return scheduler.templates.week_date(start, end, ev);
    }
};

quick_info_title – Titel des Pop-up-Bearbeitungsformulars

scheduler.templates.quick_info_title = function(start, end, ev){ 
    return ev.text.substr(0,50); 
};

Parameter für Touch-Unterstützungsvorlagen:

start – (Date) Startzeitpunkt des Events
end – (Date) Endzeitpunkt des Events
event – (object) die Eventdaten

Tooltips

Tooltips können zu Events in jeder Ansicht hinzugefügt werden, um zusätzliche Informationen anzuzeigen, ohne das Event zu öffnen.

Um dieses Feature zu aktivieren, binden Sie die Tooltip-Erweiterung auf Ihrer Seite ein.

scheduler.plugins({
    tooltip: true
});

tooltip_date_format – definiert das Datumsformat, das von der Tooltip-Textvorlage verwendet wird

scheduler.templates.tooltip_date_format=function (date){
    var formatFunc = scheduler.date.date_to_str("%Y-%m-%d %H:%i");
    return formatFunc(date);
}

wobei:

date – (Date) das zu formatierende Datum

tooltip_text – Inhalt der Tooltips

scheduler.templates.tooltip_text = function(start,end,ev){
    return "<b>Event:</b> "+ev.text+"<br/><b>Start date:</b> " + 
    scheduler.templates.tooltip_date_format(start)+ 
    "<br/><b>End date:</b> "+scheduler.templates.tooltip_date_format(end);
};

wobei:

start – (Date) Startzeitpunkt des Events
end – (Date) Endzeitpunkt des Events
event – (object) die Eventdaten

API-Vorlagen

api_date – definiert das Datumsformat, das von API-Methoden zum Parsen eingehender Daten verwendet wird

scheduler.templates.api_date = function(date){
    return scheduler.date.str_to_date(scheduler.config.api_date);
};

load_format – definiert das Datumsformat für Anfragen beim dynamischen Laden

scheduler.templates.load_format = function(date){
    var dateToStr_func = scheduler.date.date_to_str(scheduler.config.load_date);
    return  dateToStr_func(date);
}

parse_date – wandelt Datums-Strings aus XML-Dateien mit dieser Vorlage in Datumsobjekte um

var cfg = scheduler.config;
var strToDate = scheduler.date.str_to_date(cfg.date_format, cfg.server_utc);
 
scheduler.templates.parse_date = function(date){
    return strToDate (date);
};

format_date – wandelt Datumsobjekte in Strings um, um Daten an den Server zurückzusenden

var dateToStr = scheduler.date.date_to_str("%Y-%m-%d %H:%i");
scheduler.templates.format_date = function(date){
    return dateToStr (date);
};

Parameter für die oben genannten API-Vorlagen:

date – (Date) das zu formatierende Datum

scheduler.templates.{viewName}_date – definiert das Datum, das im Kopfbereich einer Ansicht angezeigt wird
Abhängig von der Ansicht erhält die Vorlagenfunktion entweder:

date – (Date) das zu formatierende Datum (verwendet in Day, Month, Year, Units Views und Mini Calendar):

scheduler.templates.day_date = function(date){
    var formatFunc = scheduler.date.date_to_str(scheduler.config.default_date);
    return formatFunc(date);
};

oder:

start – (Date) Startdatum der Ansicht
end – (Date) Enddatum der Ansicht
(verwendet in Week, Agenda, Grid, Map und Timeline Views):

scheduler.templates.week_date = function(start, end){
    return scheduler.templates.day_date(start)+" &ndash; "+
    scheduler.templates.day_date(scheduler.date.add(end,-1,"day"));
};

scheduler.templates.{viewName}_scale_date – definiert das Datum für Tageszellen in der Ansicht
(wird für X-Achsen-Elemente in der Timeline-Ansicht oder Tagesnamen in der Wochen-Unterüberschrift des Mini Calendar verwendet)

Anwendbar in Day, Week, Year, Timeline Views und Mini Calendar

scheduler.templates.day_scale_date = function(date){
    return scheduler.date.date_to_str(scheduler.config.default_date);
};

wobei:

date – (Date) das zu formatierende Datum

Nach oben