We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
<ScheduleGroup Resources="@GroupData"></ScheduleGroup> // don’t give |
|
<div class="content-wrapper">
<EjsSchedule ID="schedule" Width="100%" Height="650px" SelectedDate="new DateTime(2018, 4, 4)" CurrentView="View.TimelineWeek"> <ScheduleResources> // 2 resources
<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="@Data.GetResourceData()"></ScheduleEventSettings> </EjsSchedule> </div> </div> @functions{ static ScheduleData Data = new ScheduleData();
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" } }; }
|
