$.extend(ej.Schedule.Locale["en-US"], { //Extend the “Custom View” text and changed as “Year”
CustomView: "Year",
});
var dManager = ej.DataManager(resourcesData).executeLocal(ej.Query().take(10));
$("#Schedule1").ejSchedule({
width: "100%",
......
function onCreate() {
data = this._processed;
this._on(this.element, "mouseover", "div.e-appointment,div.e-monthappointment", _appmouseover); //Bind the mouseover event for appointment
this._on(this.element, "mouseleave", ".e-appointment,.e-monthappointment", function (args) {
$('div.tooltip').remove();
});
}
function _appmouseover(args) {
if ($(args.currentTarget).hasClass("e-appointment") || $(args.currentTarget).hasClass("e-monthappointment")) {
var id = parseInt($(args.currentTarget).attr("id").split("_")[1]);
var appointment = new ej.DataManager(data).executeLocal(new ej.Query().where(this.model.appointmentSettings["id"], ej.FilterOperators.equal, id))[0];
$('<div class="tooltip">' + appointment.Subject + ' </div>').appendTo('body'); //Show the appointment subject in tooltip
}
changeTooltipPosition(args);
}
</code>
We have prepared a workaround sample that tries to meet your requirement with the above code snippets which can be downloaded from the following location.
http://www.syncfusion.com/downloads/support/forum/119458/ze/ToolTip-1908103395
Query 3: For the above mentioned year view implementation, How can I implement a year view that display appointments by months. Please see attached image for
We have logged this “year view” implementation as a feature report. A support incident to track the status of this feature has been created under your account. Please log on to our support website to check for further updates
https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents
Please let us know if you have any further assistance on this.
Regards,
Sarath Kumar P K