getting error calculting the total of gridview cells using javascript

Rahul Khanna

15y8.7k

Hi all,

I am calculating the total of one gridivew cells using javascript and displaying the resul in gridivew

footer. but i am getting this exception

Microsoft JScript runtime error: 'document.getElementById(...)' is null or not an object

Here is my code:

15y ago

How many rows and columns you have in the grid ?

Do one thing....

var gridview1 = document.getElementById('<%=grdview1.ClientID %>');
gridview1.rows[gridview.rows.length -1].cells[0].innerHTML=total;

Please try this...

Rahul Khanna15y ago

hi using this code also:getting same error
gridview.rows[gridview.rows.length -1].cells[0].innerHTML=total;
Microsoft JScript runtime error: Object expected

15y ago

Don't use "gridview.rows.length - 8". To go to the last of the grid, use "gridview.rows.length - 1".

Cells[7] means 8th column correct but it is grid you're having only one cell correct.

Try the below one.
gridview.rows[gridview.rows.length -1].cells[0].innerHTML=total;

Rahul Khanna15y ago

Hi can you pls help me whats wrong with my code, still i am getting the same error:could u pls modify my code:

Microsoft JScript runtime error: Object expected

function Calculate()

{

var total = 0;

var gridview = document.getElementById('<%=grdview1.ClientID %>').getElementsByTagName("input");

for (var i = 0; i < gridview.length; i++)

{

var node = gridview.rows[i].cells[8].childNodes[8]; //textbox here i am passing the input

alert(node);

if (node != undefined && node.type == "text") //check only textbox, ignore empty one

if (!isNaN(node.value) && node.value != "") //check for valid number

total += parseInt(node.value);

}

gridview.rows[gridview.rows.length - 8].cells[7].innerHTML=total; //Here i am trying to store the total result in footer textbox.

}

15y ago

First you need to understand how the clientid will be created.

var gridViewCtlId = '<%=gv.ClientID%>';
var grid = document.getElementById(gridViewCtlId);
var gridLength = grid.rows.length;
var sum = 100; //store the actual value here.

grid.rows[gridLength - 1].cells[0].innerHTML = sum;

I have tested and this is works for me.

15y ago

try this....
Your control name total correct but u have mentioned as "lblTotal" and check stirng concatenation also.

var lbl = document.getElementById('<%=Gridview1.ClientID%>') & 'total';
lbl.text = total.toString();

Rahul Khanna15y ago

hi,

while i am writing this code like below still getting the error. can u give me one example like my probmel.

var lbl = document.getElementById('&<%=Gridview1.ClientID %>_lblTotal');

lbl.text = total.toString();

15y ago

The line is wrong :

document.getElementById("total").innerHTML = total.toString(); //display

You can't directly access the control which is inside the gridview (any databound controls).

You have take the client ID for the Total text box and use it or else you can iterate the gridview.rows ( var gridview = document.getElementById('<%=Gridview1.ClientID %>').getElementsByTagName("input");) and you can find the textbox in it.

Hope this helps you.