I am using the excell type “dhxCalendar” for specific cells in my treegrid. The cell type is defined in the xml. I have all these supporting files included in my document and have double checked their file path:
<link rel="stylesheet" type="text/css" href="DHTML/dhtmlxGrid/codebase/dhtmlxgrid.css" />
<link rel="stylesheet" type="text/css" href="DHTML/dhtmlxCalendar/codebase/dhtmlxcalendar.css" />
<script type="text/javascript" src="DHTML/dhtmlxGrid/codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxGrid/codebase/ext/dhtmlxgrid_srnd.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_dhxcalendar.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxGrid/codebase/ext/dhtmlxgrid_drag.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxGrid/codebase/ext/dhtmlxgrid_filter.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxTreeGrid/codebase/dhtmlxtreegrid.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxTreeGrid/codebase/ext/dhtmlxtreegrid_filter.js"></script>
<script type="text/javascript" src="DHTML/dhtmlxCalendar/codebase/dhtmlxcalendar.js"></script>The html:
mygrid2 = new dhtmlXGridObject('gridbox2');
mygrid2.selMultiRows = true;
mygrid2.setImagePath("DHTML/dhtmlxGrid/codebase/imgs/");
mygrid2.setHeader("Concepts On Each Test,#cspan,#cspan,Test Date");
mygrid2.attachHeader("#text_filter,#text_filter,#text_filter, ");
mygrid2.setInitWidths("100,100,*,80");
mygrid2.setColAlign("left,left,left,center");
mygrid2.setColTypes("tree,ro,ro,ro");
mygrid2.setColSorting("str,str,str,date");
mygrid2.setMultiLine(false);
mygrid2.enableDragAndDrop(true);
mygrid2.setDragBehavior("sibling-next");
mygrid2.enableTreeCellEdit(true);
mygrid2.setStyle("","","","background-color:#F4AE28;");
mygrid2.init();
mygrid2.setSkin("light");
mygrid2.loadXML("edit2.xml");And the xml:
<?xml version="1.0" encoding="UTF-8"?>
<rows>
<row id="1" open="1">
<userdata name="drag">deny</userdata>
<cell>Test 1</cell>
<cell></cell>
<cell></cell>
<cell type="dhxCalendar"></cell>
<row id="1.1">
<cell>M3</cell>
<cell>Place Value</cell>
<cell>Identify place value of each digit</cell>
<cell></cell>
</row>
<row id="1.2">
<cell>M3(2)</cell>
<cell>Place Value</cell>
<cell>Write numbers in expanded form</cell>
<cell></cell>
</row>
</row>
</rows>The problem is the calendar displays properly but you are not able to change the month. When you click the year, you are able to select a new year. If you click the month, nothing happens. There are no arrows to move left or right to change the month. Am I missing a file that needs to be included? I’m running dhtmlx 2.6 professional edition.