How to use Calendar and footer in Grid

How to use Calendar and footer in Grid?
Can you tell me what’s wrong with my code?
thanks!

<script type="text/javascript" src="codebase/dhtmlxcombo.js"></script>

<script type="text/javascript" src="codebase/dhtmlxcommon.js"></script>

<script type="text/javascript" src="codebase/dhtmlxgrid.js"></script>

<script type="text/javascript" src="codebase/dhtmlxgridcell.js"></script>

<script type="text/javascript" src="codebase/dhtmlxgrid_excell_combo.js"></script>

 <script type="text/javascript" src="codebase/dhtmlxcombo_extra.js"></script>
 
 <script type="text/javascript" src="codebase/dhtmlxgrid_excell_dhxcalendar.js"></script>
<script type="text/javascript">
 var mygrid;

function initGrid() {
    mygrid = new dhtmlXGridObject('gridbox');
    
    mygrid.setImagePath("codebase/imgs/");
    mygrid.setHeader("Column A, Column B, Column C, Column D,Column E");
    mygrid.setInitWidths("100,100,*,*,*");
    mygrid.setColAlign("left,left,left,left,left");
    mygrid.setColTypes("ed,ed,ed,ed,co");
    mygrid.attachEvent("onDhxCalendarCreated",function(calendar,rowId,cellInd){
            calendar.setSkin("");
    });	

mygrid.AttachFooter(‘Total: {#stat_count} ,#cspan,#cspan,#cspan,#cspan’,[’’,’’,’’,’’,‘text-align:right,’]);

sorry! If I correct the setColTypes to
mygrid.setColTypes(“ed,ed,ed,ed,Calendar”);
I still can’t get the calendar to work.

You should use dhxCalendar or dhxCalendarA types. Example is available here dhtmlx.com/docs/products/dht … _grid.html

未命名頁面
<script type="text/javascript" src="codebase/dhtmlxcombo.js"></script>

<script type="text/javascript" src="codebase/dhtmlxcommon.js"></script>

<script type="text/javascript" src="codebase/dhtmlxgrid.js"></script>

<script type="text/javascript" src="codebase/dhtmlxgridcell.js"></script>

<script type="text/javascript" src="codebase/dhtmlxgrid_excell_combo.js"></script>

 <script type="text/javascript" src="codebase/dhtmlxcombo_extra.js"></script>
 
 <script type="text/javascript" src="codebase/dhtmlxcalendar.js"></script>
  
 <script type="text/javascript" src="codebase/dhtmlxgrid_excell_dhxcalendar.js"></script>
 
 <link rel="STYLESHEET" type="text/css" href="codebase/skins/dhtmlxcalendar_yahoolike.css" />
 
 
<script type="text/javascript">
 var mygrid;

function initGrid() {
    mygrid = new dhtmlXGridObject('gridbox');
    
    mygrid.setImagePath("codebase/imgs/");
    mygrid.setHeader("Column A, Column B, Column C, Column D,Column E");
    mygrid.setInitWidths("100,100,*,*,*");
    mygrid.setColAlign("left,left,left,left,left");
    mygrid.setColTypes("ed,ed,ed,dhxCalendarA,co");

Howcome it is still not working?

If I change it to:
mygrid.setColTypes(“ed,ed,ed,dhxCalendar,co”);
It works but I can’t see the mark where I can click to next or previous month.

Check your “firebug” or use chrome error log.

Most probably it can’t find the path to the calendar images. In my case calendar seemed to ignore the path which I set like:

window.dhx_globalImgPath = "codebase/imgs/";
		dhtmlx.image_path = "codebase/imgs/";

and I just copied the calendar images folder where it expected them to be, that made it work nicely.