Hi,
Need your help on priority bases.
we have some doubts related to sample which you have provide.
1) Is it necessary to add jsonganttdata.js.
2) ScheduleStartDate and ScheduleEndDate would be dynamic or static.
3) Is it necessary to change ej.web.all.min.js??
4) Is it required to add jsrender.min.js and jquery-3.0.0.min.js ??
5) As in sample have Onchange method where scheduleEndDateand scheduleStartDate have static data so that would be as it is or required to change as per our requirement.
Thanks for your quick response.
As i have implement Scheduler Mode based your provided sample but i have getting some error when change Week Start Day and Minute Interval drop downs then twice column after render chartt.
Please find screenshot for better clarity on issue.
[ASPX]
<script type="text/javascript">
function load() {
var columns = this.getColumns(),
CustomColumnIndex = columns.indexOf(ej.TreeGrid.getColumnByField(columns, "priority"));
if (CustomColumnIndex == -1) {
columns.splice(2, 0,
{
field: "priority",
headerText: "Priority",
mappingName: "priority",
width: "180px"
});
columns.splice(3, 0,
{
field: "type",
headerText: "Type",
mappingName: "type",
width: "180px"
});
}
}
</script> |
Thanks for your response.After implementation It's working fine but we are facing one issue related to performance. When the Schedule Mode is set to HOUR and we try to set the Minutes Interval to One Minute it takes considerable amount of time to load the data and mean while the page becomes completely unresponsive. Same issue can be reproduced in the demo project earlier provided by you. Please look into this on priority bases. Let us know in case any further information needed.
Please find attach screenshots for better clarity
@(Html.EJ().Gantt("ganttsample10")
.ToolbarSettings(toolbar =>
{
toolbar.ShowToolbar(true);
toolbar.ToolbarItems(new List<GanttToolBarItems>()
{
GanttToolBarItems.PrevTimeSpan,
GanttToolBarItems.NextTimeSpan
});
})
)
<script type="text/javascript">
function onChange(args) {
var ganttObject = $("#ganttsample10").data("ejGantt");
ganttObject.model.columns = null;
if (args.itemId == 0) {
ganttObject.model.scheduleEndDate = new Date("02/26/2014 07:00:00 AM");
ganttObject.model.scheduleStartDate = new Date("02/23/2014 00:00:00 AM");
ganttObject.model.dateFormat = "M/d/yyyy hh:mm:ss tt";
ganttObject.option("scheduleHeaderSettings.scheduleHeaderType", ej.Gantt.ScheduleHeaderType.Hour);
$("#interval").ejDropDownList({ enabled: true, value: "Five minutes" });
$("#startDay").ejDropDownList({ enabled: false });
}
}
function onIntervalChange(args) {
var ganttObject = $("#ganttsample10").data("ejGantt");
switch (args.text) {
case "One minute":
ganttObject.model.scheduleStartDate = new Date("02/23/2014 00:00:00 AM");
ganttObject.model.scheduleEndDate = "";
ganttObject.model.scheduleHeaderSettings.minutesPerInterval = "oneMinute";
break;
}
ganttObject.reRenderChart(ej.Gantt.ScheduleHeaderType.Hour);
}
</script> |
Thanks for your quick response.It's Working Fine after implementation of your all solution regarding Schedule Mode.
I would like to give one suggestion regarding implementation of your sample.
I have facing one problem regarding implementation when change JS ej.web.all.min.js as per your sample then Schedule Mode feature is working fine but other Solution Like Resource unit Mapping related features is not working then I have revert ej.web.all.min.js and css then both the features working proper so when you give solution please make sure that all other feature is working properly so we don't want to spent time on all Gantt features testing.
So please mention how many things like (JS or CSS) need to change for this features when you provide solution.
right now all issue has been resolved. Thanks for your all quick responses.
It's feedback from our side.