How to restrict users from creating appointment under different resources in ASP.NET MVC Scheduler?
This knowledge base article explains how to restrict different users from creating appointments on scheduler under different resources in ASP.NET MVC Scheduler.
Step 1: Create an MVC application with default scheduler code example by referring the following knowledge base link.
https://www.syncfusion.com/kb/3606/how-to-add-the-ejmvc-schedule-control-in-the-mvc-application
Also, define the scheduler with Resources and Grouping option as shown below.
@(Html.EJ().Schedule("Schedule1")
.Width("100%")
.Height("525px")
.ScheduleClientSideEvents(evt =>
evt.AppointmentWindowOpen("onAppointmentWindowOpen")
.BeforeAppointmentCreate("onBeforeAppointmentCreate"))
.CurrentDate(new DateTime(2016, 10, 29))
.Resources(res =>
{
res.Field("RoomId").Title("Room").Name("Rooms").AllowMultiple(false)
.ResourceSettings(flds => flds.Datasource(ViewBag.Rooms).Text("text").Id("id").Color("color")).Add();
res.Field("OwnerId").Title("Owner").Name("Owners").AllowMultiple(true)
.ResourceSettings(flds => flds.Datasource(ViewBag.Owners).Text("text").Id("id").GroupId("groupId").Color("color")).Add();
})
.Group(gr =>
{
gr.Resources(ViewBag.Resources);
})
.AppointmentSettings(fields => fields.Datasource(ViewBag.datasource)
.Id("Id")
.Subject("Subject")
.StartTime("StartTime")
.EndTime("EndTime")
.AllDay("AllDay")
.Recurrence("Recurrence")
.RecurrenceRule("RecurrenceRule")
.ResourceFields("RoomId,OwnerId"))
)
Step 2: Within the AppointmentWindowOpen event of scheduler, an additional input field to store the user type is defined as shown below.
function onAppointmentWindowOpen(args) {
if ($(".customfields").length == 0) {
var customDesign = "<tr class='customfields'><td class='e-textlabel'>User Type</td><td><input name='UserType' class='usertype' type='text'/></td></tr>";
$("." + this._id + "parrow").after(customDesign);
}
if (!ej.isNullOrUndefined(args.appointment)) {
// if double clicked on the appointments, retrieve the custom field values from the appointment object and fills it in the appropriate fields.
$(".usertype").val(args.appointment.UserType);
}
else {
// if double clicked on the cells, clears the field values.
$(".usertype").val("");
}
}
Step 3: When the Done button is clicked on the detailed appointment window, the BeforeAppointmentCreate event will be called, within which we can restrict specific users from creating appointments under specific resources as shown below.
function onBeforeAppointmentCreate(args) { var app = (ej.isNullOrUndefined(args.appointment[0])) ? args.appointment : args.appointment[0]; if (app.UserType == "User2" && app.RoomId != 1) args.cancel = true; if (app.UserType == "User3" && app.RoomId != 2) args.cancel = true; if (app.UserType == "User4" && app.OwnerId != 12) args.cancel = true; } |
Step 4: Run the sample and double click any of the owner’s cell under 1st floor resource and type in as User1 in User Type field. Then click Done button, the appointment will be rendered as shown below.
Figure 1: Schedule control displaying User1 appointment.
Step 5: Now double click on any of the owner’s cell under 2nd floor resource and type in as User2 in User Type field. Then click Done button, appointment will not be rendered because the appointment creation is prevented based on Step3.
Figure 2: User2 tried creating appointment under other resource which is prevented on scheduler.
Sample Link:
Conclusion
I hope you enjoyed learning about how to restrict users from creating appointment under different resources in ASP.NET MVC Scheduler.
You can refer to our ASP.NET MVC Scheduler feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our ASP.NET MVC Scheduler example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
