Goodday,
Going through some past threads, I saw a thread that seems to shed some light into what the issue could be https://www.syncfusion.com/forums/128561/onschedulemousedown-uncaught-ejdialog-methods-properties-can-be-accessed-only-after-plugin-creation
Looking at he image below, there is a dropdownlist and a listbox that both triggers an event that recreates the schedule control. Could that be the problem.
<div class="box-body">
@(Html.EJ().DropDownList("routeRegionList")
.Datasource(CompanyRouteTerritories)
.DropDownListFields(df => df.ID("Id").Text("Text").Value("Id"))
.ClientSideEvents(evt => evt.Change("regionListChange"))
.WatermarkText("Select Location")
.Width("100%").SelectedIndex(0))
</div>
<div class="box-body">
@Html.EJ().ListBox("routeList").Datasource(territoryRoutes).Width("100%").ClientSideEvents(evt => evt.CheckChange("routeCheckChange").Selected("onRouteSelect")).ListBoxFields(df => df.Text("Text").Value("Id").ID("Id"))
</div>
function regionListChange(args) {
var routeList = new ej.DataManager(window.routes).executeLocal(new ej.Query().where("GroupId", "equal", args.value));
var territoryList = new ej.DataManager(window.routeTerritories).executeLocal(new ej.Query().where("Id", "equal", args.value));
var companyid = $('#Id').val();
var firstRouteList = routeList;
$("#routeList").ejListBox({
dataSource: routeList,
fields: {
id: "Id",
text: "Text"
}
});
if (routeList.length > 0) {
firstRouteList = new ej.DataManager(window.routes).executeLocal(new ej.Query().where("Text", "equal", routeList[0].Text));
var dataManager = ej.DataManager({
url: "/Admin/Apps/SyncBus/Route/getCompanyscheduledroutes?companyid=" + companyid + "&routeid=" + firstRouteList[0].Id, // This will trigger to bind the appointments data to schedule control
batchUrl: "Home/Crud", // This will trigger while saving the appointment through detail window
insertUrl: "/Admin/Apps/SyncBus/Route/AddScheduledRoutes?companyid=" + companyid, // This will trigger while saving the appointment through quick window
updateUrl: "/Admin/Apps/SyncBus/Route/UpdateCompanyScheduledRoutes?companyid=" + companyid, //This will trigger while saving the resize or drag and drop the appointment
removeUrl: "/Admin/Apps/SyncBus/Route/RemoveCompanyScheduledRoutes?companyid=" + companyid, // This will trigger to delete the single appointment
adaptor: new ej.UrlAdaptor()
});;
$("#routeSchedule").ejSchedule({
appointmentWindowOpen: onAppointmentWindowOpen,
// orientation: (newlist.length > 2) ? "horizontal" : "vertical",
// cellWidth: (newlist.length > 2) ? "100px" : "",
appointmentSettings: {
dataSource: dataManager
//applyTimeOffset: false
},
resources: [{
field: "TerritoryId", title: "Territory", name: "Territories", allowMultiple: false,
resourceSettings: { dataSource: $.extend(true, [], territoryList), text: "Text", id: "Id", groupId: "GroupId" }
}, {
field: "RouteId", title: "Route", name: "Routes", allowMultiple: true,
resourceSettings: { dataSource: $.extend(true, [], firstRouteList), text: "Text", id: "Id", groupId: "GroupId", color: "Color" }
}]
});
}
}
function onRouteSelect(args) {
var instance = $("#routeRegionList").data("ejDropDownList");
var companyid = $('#Id').val();
var currentRouteList = new ej.DataManager(window.routes).executeLocal(new ej.Query().where("Text", "equal", args.text));
var territoryList = new ej.DataManager(window.routeTerritories)
.executeLocal(new ej.Query().where("Id", "equal", instance.option("value")));
if (currentRouteList.length > 0) {
var dataManager = ej.DataManager({
url: "/Admin/Apps/SyncBus/Route/getCompanyscheduledroutes?companyid=" + companyid + "&routeid=" + currentRouteList[0].Id, // This will trigger to bind the appointments data to schedule control
batchUrl: "Home/Crud", // This will trigger while saving the appointment through detail window
insertUrl: "/Admin/Apps/SyncBus/Route/AddScheduledRoutes?companyid=" + companyid, // This will trigger while saving the appointment through quick window
updateUrl: "/Admin/Apps/SyncBus/Route/UpdateCompanyScheduledRoutes?companyid=" + companyid, //This will trigger while saving the resize or drag and drop the appointment
removeUrl: "/Admin/Apps/SyncBus/Route/RemoveCompanyScheduledRoutes?companyid=" + companyid, // This will trigger to delete the single appointment
adaptor: new ej.UrlAdaptor()
});;
// console.log(dataManager); AddScheduledRoutes
console.log(currentRouteList);
//console.log(data);
$("#routeSchedule").ejSchedule({
appointmentWindowOpen: onAppointmentWindowOpen,
// orientation: (newlist.length > 2) ? "horizontal" : "vertical",
// cellWidth: (newlist.length > 2) ? "100px" : "",
appointmentSettings: {
dataSource: dataManager
//applyTimeOffset: false
},
resources: [{
field: "TerritoryId", title: "Territory", name: "Territories", allowMultiple: false,
resourceSettings: { dataSource: $.extend(true, [], territoryList), text: "Text", id: "Id", groupId: "GroupId" }
}, {
field: "RouteId", title: "Route", name: "Routes", allowMultiple: true,
resourceSettings: { dataSource: $.extend(true, [], currentRouteList), text: "Text", id: "Id", groupId: "GroupId", color: "Color" }
}]
});
}
}
