how to pass a value from a gridview to javascript function

Question

Hi this is my row in gridview in ASP.Net

<ItemTemplate>
<a id="aOpen" onclick="javascript:Open(<%#((DataRowView)Container.DataItem)['DocTypeCode'] %>)" >A_<%#((DataRowView)Container.DataItem)["Id"] %></a>
</ItemTemplate>

Here is my javascript

<script type="text/javascript">
function Open(var id) {
        var strPageURL = '<%= ResolveClientUrl("~/View.aspx?id="+id) %>';
        OpenCustomDialogWithRefresh(strPageURL, 750, 500, "View Document Type");
        return true;
}
</script>

I would like to pass the Id value from the gridview to the javascript and open a new page with query string. How should I try ? Mine does not work.

Adam Rackis · Accepted Answer · 2011-12-15 02:48:10Z

2

I think you want simply:

<%# Eval("DocTypeCode") %>


onclick='javascript:Open(<%# Eval("DocTypeCode") %>)" >A_<%# Eval("Id") %></a>

Also note that this

<a id="aOpen"

is a huge problem, since all dom elements must have unique ids

answered Dec 15, 2011 at 2:48

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

7 Comments

Adam Rackis Over a year ago

@kevin - you mean how should you assign unique ids to your anchors? Unless you actually need to reference these anchors in a script by id somewhere, I would say just leave off the id altogether

kevin Over a year ago

How about <input type="button" value="<%#((DataRowView)Container.DataItem)["DocTypeCode"] %>" onclick="javascript:Open()" /> ?

kevin Over a year ago

I don't know how to pass the value to the javascript and put the value as a query string.

Adam Rackis Over a year ago

@kevin - you can just add the values you need to your querystring using Eval like in my answer above

Adam Rackis Over a year ago

@kevin - just start slow. See if you can get the content output just as plain text in your ItemTemplate. then slowly add in the other stuff around it -- like your anchors with querystrings and such.

|

Alexander · Accepted Answer · 2013-03-07 12:57:29Z

1

I think you should try this below code:

onclick="javascript:Open('<%#Eval("DocTypeCode") %>')"

is a syntax problem, I should add the character ''

edited Mar 7, 2013 at 12:57

Alexander

23.5k11 gold badges65 silver badges74 bronze badges

answered Dec 15, 2011 at 3:30

Kazaf He

745 bronze badges

1 Comment

sjd Over a year ago

I tried like this <img src="~/Imgs/GroupJoin.png" id="imgJoin" alt="Invite" runat="server" onclick="javascript:PostRequest('<%#Eval("ID") %>')" /> but i am getting a syntax error. its inside a gridview item template

Collectives™ on Stack Overflow

how to pass a value from a gridview to javascript function

2 Answers 2

7 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related