Start Building Professional
Web Apps Today

Footer in dhtmlxgrid

Hello,

I am using the same code which you have send me for the footer

<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxgrid_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxgrid.js"></script>
<script src="../../codebase/dhtmlxgridcell.js"></script>


<div id="gridbox" style="width:600px; height:310px;background-color:white;"></div>
<h3>Setting style for footer:</h3>
<ul>
<li>To modify default style of footer you should redefine "div.gridbox div.ftr td" after dhtmlXGrid.css has been placed on page</li>
<li>To set explicit style for each cell in footer use the second argument of <code>attachFooter</code> method.</li>
</ul>
<script>

function calculateFooterValues(stage) {
if (stage && stage != 2);
return true;
var nrQ = document.getElementById("nr_q");
nrQ.innerHTML = sumColumn(3);
var srQ = document.getElementById("sr_q");
srQ.innerHTML = sumColumn(5);
var nrS = document.getElementById("nr_s");
nrS.innerHTML = "$ " + sumIncome(2, 3);
var srS = document.getElementById("sr_s");
srS.innerHTML = "$ " + sumIncome(4, 5);
return true;
}
function sumColumn(ind) {
var out = 0;
for (var i = 0; i < mygrid.getRowsNum(); i++) {
out += parseFloat(mygrid.cells2(i, ind).getValue());
}
return out;
}
function sumIncome(indPrice, indQuant) {
var out = 0;
for (var i = 0; i < mygrid.getRowsNum(); i++) {
out += parseFloat(mygrid.cells2(i, indPrice).getValue()) * parseFloat(mygrid.cells2(i, indQuant).getValue());
}
return out;
}
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("../../codebase/imgs/");
mygrid.setHeader("Book,#cspan,North Region,#cspan,South Region,#cspan");
mygrid.attachHeader("Author,Title,Price,Sold,Price,Sold");
mygrid.setInitWidths("150,170,50,80,50,*");
mygrid.setColAlign("left,left,right,right,right,right");
mygrid.setColTypes("ro,ro,price,ed,price,ed");
mygrid.setColSorting("str,str,int,int,int,int");
mygrid.setSkin("dhx_skyblue");
mygrid.attachEvent("onEditCell", calculateFooterValues);
mygrid.init();
mygrid.setSkin("dhx_skyblue");
mygrid.attachFooter("Total quantity,#cspan,-,<div id='nr_q'>0</div>,-,<div id='sr_q'>0</div>", ["text-align:left;"]);
mygrid.attachFooter("Income per Region,#cspan,<div id='nr_s'>0</div>,#cspan,<div id='sr_s'>0</div>,#cspan", ["text-align:left;"]);
mygrid.loadXML("../common/grid_numbers.xml", calculateFooterValues);

</script>

Here is the code but still I am getting the error like

mygrid.attachFooter is not a function

Can you please tel me why I am getting this error

Please reply me as soon as possible.

Thanks
Suraj

>>mygrid.attachFooter is not a function 
attachFooter() method is available in PRO version only.