SyncFusion: Localize Gantt - localization

Question

I'm trying to localize a the Gantt element. However I'm facing some problems.
I have taken a look to http://help.syncfusion.com/aspnet/gantt/localization
and write this code:
<div style="width:100%; height:800px;">
#(Html.EJ().Gantt("ganttsample")
.TaskIdMapping("TaskID")
.TaskNameMapping("TaskName")
.StartDateMapping("StartDate")
.EndDateMapping("EndDate")
.DurationMapping("Duration")
.ProgressMapping("Progress")
.ScheduleStartDate("01/01/2016")
.ScheduleEndDate("31/12/2016")
.DateFormat("dd/MM/yyyy")
.HighlightWeekends(true)
.TreeColumnIndex(1)
.ShowGridCellTooltip(true)
.ChildMapping("SubTasks")
.AllowSelection(true)
.AllowGanttChartEditing(true)
.PredecessorMapping("Predecessors")
.AllowColumnResize(true)
.AllowSorting(true)
.IncludeWeekend(false)
.ResourceInfoMapping("IdEstado")
.ResourceNameMapping("ResourceName")
.ResourceIdMapping("ResourceID")
.ShowResourceNames(true)
.EnableContextMenu(true)
.Locale("es-ES")
.EditSettings(edit =>
{
edit.AllowAdding(true);
edit.AllowDeleting(true);
edit.AllowEditing(true);
edit.EditMode("cellEditing");
})
.EnableResize(true)
.EnableVirtualization(false)
.ToolbarSettings(toolbar =>
{
toolbar.ShowToolbar(true);
toolbar.ToolbarItems(new List<GanttToolBarItems>()
{
GanttToolBarItems.Add,
GanttToolBarItems.Search,
GanttToolBarItems.Edit,
GanttToolBarItems.Delete,
GanttToolBarItems.Update,
GanttToolBarItems.Cancel,
GanttToolBarItems.Indent,
GanttToolBarItems.Outdent,
GanttToolBarItems.ExpandAll,
GanttToolBarItems.CollapseAll
});
})
.SizeSettings(ss => ss.Width("100%").Height("100%"))
.Resources(ViewBag.datasource1)
.Datasource(ViewBag.datasource)
)
</div>
<script type="text/javascript">
ej.Gantt.localization["es-ES"] = {
//headerText to be displayed in gridtree
columnHeaderTexts: {
taskId: "ID",
taskName: "Nombre",
startDate: "F. Inicio",
endDate: "F. Fin",
resourceInfo: "Otra Cosa",
duration: "Duración",
status: "Progreso",
predecessor: "Predecesor",
baselineStartDate: "F. Inicio Base",
baselineEndDate: "F.Fin Base"
},
//string to display in dialog
editDialogTexts: {
addFormTitle: "Nueva Tarea",
editFormTitle: "Editar tarea",
saveButton: "Guardar",
cancelButton: "Cancelar"
},
contextMenuTexts: {
taskDetailsText: "Detalle",
addNewTaskText: "Nueva tarea",
indentText: "Indexar >",
outdentText: "< Desindexar",
deleteText: "Eliminar",
aboveText: "Arriba",
belowText: "Abajo"
},
calendars: {
standard: {
firstDay: 1,
days: {
names: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
namesAbbr: ["Dom.", "Lun.", "Mar.", "Mié.", "Jue.", "Vie.", "Sáb."],
namesShort: ["D", "L", "M", "X", "J", "V", "S"]
},
months: {
names: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre", ""],
namesAbbr: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic", ""]
},
AM: null,
PM: null,
eras: [{ "name": "ap. J.-C.", "start": null, "offset": 0 }],
patterns: {
d: "dd/MM/yyyy",
D: "dddd d MMMM yyyy",
t: "HH:mm",
T: "HH:mm:ss",
f: "dddd d MMMM yyyy HH:mm",
F: "dddd d MMMM yyyy HH:mm:ss",
M: "d MMMM",
Y: "MMMM yyyy"
}
}
}
}
</script>
However, as you can see the image, the calendar cannot render:
Any ideas?

Answer 1

To render Syncfusion Gantt control for specific culture, make sure the following external and internal scripts and theme files have been referred.
<script src="#Url.Content("~/Scripts/jquery-2.1.4.min.js")"></script>
<script src="#Url.Content("~/Scripts/jsrender.min.js")"></script>
<script src="#Url.Content("~/Scripts/jquery.easing-1.3.min.js")"></script>
<script src="#Url.Content("~/Scripts/jquery.globalize.min.js")"></script>
<script src="#Url.Content("~/Scripts/ej.web.all.min.js")"></script>
<script src="#Url.Content("~/Scripts/cultures/ej.culture.es-ES.min.js")"></script>
Error: Cannot read property 'calendar' of null.
This error will occur only if you have missed to refer your following culture js file.
<script src="#Url.Content("~/Scripts/cultures/ej.culture.es-ES.min.js")"></script>
Refer this file and let me know if you face any other issues.
Hope this helps!