Pass GridView column value to Javascript function - OnClientClick

Question

I have a grid view like this:

<asp:SqlDataSource ID="SqlPersistentOffenders" runat="server"></asp:SqlDataSource>
    <asp:GridView ID="GVPersistentOffenders" runat="server" DataSourceID="SqlPersistentOffenders" AllowPaging="true" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField HeaderText="PersonID" Visible="false">
            <ItemTemplate>
                 <asp:Label ID="LabCreUser" runat="server" Text='<%# Bind("creUser")%>'></asp:Label>                       
            </ItemTemplate>
        </asp:TemplateField>
         <asp:TemplateField>
            <ItemTemplate>
                <asp:Button ID="ButtonSendEmail" runat="server" CommandName="SendEmail" CommandArgument="<%# CType(Container,GridViewRow).RowIndex %>" Text="Send Email" OnClientClick="GetEmailAddress()"/>                     
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

The JavaScript looks like this:

<script type="text/javascript">
        function GetEmailAddress(creuser) {
           //Do something
}
</script>

How can I pass the value in LabCreUser for the row selected to the Javasript function?

I have looked here: Passing variables to javascript in onclientclick and also a few other questions. Nothing I have tried has worked.

Enrique Zavaleta · Accepted Answer · 2015-04-14 16:53:37Z

14

You can pass the parameter to the JS function this way

OnClientClick=<%# "GetEmailAddress('" + Eval("creUser") + "')" %>

this will became in

OnClientClick="GetEmailAddress('yourValue')"

edited Apr 14, 2015 at 16:53

answered Apr 14, 2015 at 16:46

Enrique Zavaleta

2,1083 gold badges23 silver badges31 bronze badges

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

Comments

TylerH · Accepted Answer · 2022-06-09 19:46:40Z

1

You can replace the <asp:button> with an HTML button, and use onclick to call your JavaScript function, and if you need a server side function add runat="server"

edited Jun 9, 2022 at 19:46

TylerH

21.3k84 gold badges84 silver badges121 bronze badges

answered Apr 28, 2016 at 21:12

Marwah Abdelaal

1212 silver badges11 bronze badges

Collectives™ on Stack Overflow

Pass GridView column value to Javascript function - OnClientClick

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related