|
<EjsSchedule TValue="ScheduleData.ResourceData" Width="100%" Height="650px" SelectedDate="@(new DateTime(2018, 4, 4))" @bind-CurrentView="@TimelineWeek">
<ScheduleGroup Resources="@GroupData"></ScheduleGroup>
<ScheduleResources>
<ScheduleResource DataSource="@ProjectData" Field="ProjectId" Title="Choose Project" Name="Projects" TextField="text" IdField="id" ColorField="color"></ScheduleResource>
<ScheduleResource DataSource="@TaskData" Field="TaskId" Title="Category" Name="Categories" TextField="text" IdField="id" GroupIDField="groupId" ColorField="color" AllowMultiple="true"></ScheduleResource>
</ScheduleResources>
<ScheduleViews>
<ScheduleView Option="View.TimelineDay"></ScheduleView>
<ScheduleView Option="View.TimelineWeek"></ScheduleView>
<ScheduleView Option="View.TimelineWorkWeek"></ScheduleView>
<ScheduleView Option="View.TimelineMonth"></ScheduleView>
<ScheduleView Option="View.Agenda"></ScheduleView>
</ScheduleViews>
<ScheduleEventSettings DataSource="@DataSource"></ScheduleEventSettings>
<ScheduleEvents TValue="ScheduleData.ResourceData" ActionCompleted="OnActionCompleted"></ScheduleEvents>
</EjsSchedule>
@code{
public View TimelineWeek = View.TimelineWeek;
public List<ScheduleData.ResourceData> DataSource = new ScheduleData().GetResourceData();
public string[] GroupData = new string[] { "Projects", "Categories" };
private List<object> ProjectData { get; set; } = new List<object> {
new {text = "PROJECT 1", id= 1, color= "#cb6bb2"},
new {text = "PROJECT 2", id= 2, color= "#56ca85"},
new {text = "PROJECT 3", id= 3, color= "#df5286"}
};
private List<object> TaskData { get; set; } = new List<object> {
new { text = "Nancy", id= 1, groupId = 1, color = "#df5286" },
new { text = "Steven", id= 2, groupId = 1, color = "#7fa900" },
new { text = "Robert", id= 3, groupId = 2, color = "#ea7a57" },
new { text = "Smith", id= 4, groupId = 2, color = "#5978ee" },
new { text = "Micheal", id= 5, groupId = 3, color = "#df5286" },
new { text = "Root", id= 6, groupId = 3, color = "#00bdae" }
};
public void OnActionCompleted(ActionEventArgs<ScheduleData.ResourceData> args)
{
if (args.RequestType == "eventCreated")
{
// will trigger when appointment created
}
if (args.RequestType == "eventRemoved")
{
// will trigger when appointment deleted
}
if (args.RequestType == "eventChanged")
{
// will trigger when appointment edited
}
}
} | 
