how to pass checkbox checked row index to javascript from gridview

Question

I have a gridview and i want to pass rowindex value to javascript. I tried with following code but its not working.

In Gridview

<asp:TemplateField>
     <ItemTemplate>
        <asp:CheckBox ID="chkSelect" runat="server"  onclick="javascript:return checkSts('<%# DataBinder.Eval(Container.DataItemIndex) %>')" />
     </ItemTemplate>
</asp:TemplateField>

In Javascript:

function checkSts(i) {  alert(i); }

plz, can you post your code..

sanghavi7
– sanghavi7

2012-10-24 06:55:40 +00:00
Commented Oct 24, 2012 at 6:55 — sanghavi7
– sanghavi7, Commented Oct 24, 2012 at 6:55

Aristos · Accepted Answer · 2012-10-24 07:34:14Z

1

You can type it as

<input type="checkbox" onclick="return checkSts('<%#Eval("FieldName")%>')" />

and work.

Alternative with asp:checkbox

<asp:CheckBox runat="server" ID="chBEna" onclick='<%#getCode(Container.DataItem)%>' />

and on code behind

protected string getCode(object oItem)
{
    string cPid = DataBinder.Eval(oItem, "FieldName").ToString();

    return "return checkSts('" + cPid + "')";
}

both checked and works.

edited Oct 24, 2012 at 7:34

answered Oct 24, 2012 at 7:23

Aristos

66.7k16 gold badges117 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user1645200 Over a year ago

Aristos, i wants to process everything on client side. for example if i have 100 rows i dont to go every time on server side when i click check box

Aristos Over a year ago

@user1645200 what do you mean ? (lost you here)

user1645200 Over a year ago

Aristos, i wants to process everything on client side. for example if i have 100 rows i dont to go every time on server side when i click check box

Aristos Over a year ago

@user1645200 Ok, now I understand that you do not understand what the code do. So simple use it and you see :) - this code is render what you going to do on client side - is not processing on code behind anything. The function I use on code behind is for rendering, because is difficult (at least I do not know how) to render this code direct.

DarkAjax · Accepted Answer · 2012-11-27 14:48:45Z

0

You can get rowindex of element by using parentElement to reach to the row in which particular elemnt is nested

eg.

onclick="callme(this)"

function callme(obj)
{
  obj.parentElement.parentElement.rowIndex--- this wud be rowindex of the row.
}

edited Nov 27, 2012 at 14:48

DarkAjax

16.3k11 gold badges60 silver badges67 bronze badges

answered Nov 27, 2012 at 14:28

Sandip

1

Collectives™ on Stack Overflow

how to pass checkbox checked row index to javascript from gridview

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related