Hi,
I am using Schedule to show planned activities with multiple resource. As per the guideline / help provided, I used same code, but it is giving me JavaScript Error.
My .cshtml file:
@model LuxCRM.Models.PlannerModel
@{
ViewBag.Title = "Planner";
var v = Model.PlannerData; //this holds schedule data;
var v1 = Model.SalesEmployees; // this hold resources
}
<h2>@Html.LabelFor(model => model.PlannerHeading)</h2>
@using (Html.BeginForm())
{
<div>
@(Html.EJ().Schedule("Schedule1")
.Width("100%")
.Height("500px")
.AllowDragDrop(false)
.Resources( res =>
{ res
.Field("SlpCode").Title("SlpCode").Name("SlpCode").AllowMultiple(false)
.ResourceSettings(flds=> flds
.Datasource(v1)
.Text("EmployeeName")
.Id("SlpCode")
.Color("Color")
).Add();
}
)
.Group(gr => { gr.Resources(Model.Resource); })
.AllowKeyboardNavigation(true)
.HighlightBusinessHours(true)
.IsResponsive(true)
.ShowTimeScale(true)
.ShowCurrentTimeIndicator(false)
.CurrentView(Syncfusion.JavaScript.CurrentView.Week)
.TimeMode(Syncfusion.JavaScript.TimeMode.Hour12)
.AppointmentSettings(fields => fields.Datasource(v)
.Id("ClgCode")
.Subject("Subject")
.StartTime("StartDate")
.EndTime("EndDate")
.Description("Subject")
)
)
</div>
}
My Model :
public class PlannerModel
{
public PlannerModel()
{
PlannerData = new List<PlannerData>();
PlannerHeading = "Scheduler / Planner";
}
public List<Models.PlannerData> PlannerData { get; set; }
[Display(Name = "PlannerHeading", ResourceType = typeof(Resource))]
public string PlannerHeading { get; set; }
public List<SalesEmployee> SalesEmployees { get; set; }
public List<String> Resource { get; set; }
}
I don't see any problem in this code, I don't understand why it gives me JavaScript error.
I also wanted to understand DataSource (
here)method, how it works and what type of data it expect specially first 2 property.
