Js function call with param on HyperLink

Question

I am trying to call my js function on a HyperLink that needs RowID as a parameter and I cant do it!

I have try a lot of ways but always i get null.

How I can achieve this?

<script>
        var popUpObj;

        function RowClick(filterId) {

            popUpObj = window.open("voucher.aspx?param=" + filterId + "",
             "ModalPopUp",
             "toolbar=no," +
             "scrollbars=no," +
             "location=no," +
             "statusbar=no," +
             "menubar=no," +
             "resizable=0," +
             "width=530," +
             "height=500," +
             "left = 450," +
             "top=130"
            );
             popUpObj.focus();
             LoadModalDiv();


         }
    </script>



 <MasterTableView ClientDataKeyNames="RowID" AllowPaging="True" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" CommandItemDisplay="Top" DataKeyNames="RowID" AllowCustomPaging="False" AutoGenerateColumns="False" AllowMultiColumnSorting="True"   >
            <Columns>
                <telerik:GridBoundColumn DataField="RowID" DataType="System.Int32" FilterControlAltText="Filter RowID column" HeaderText="RowID" ReadOnly="True" SortExpression="RowID" UniqueName="RowID" Visible="False">
                </telerik:GridBoundColumn>

     <telerik:GridTemplateColumn FilterControlAltText="Filter RowID column" UniqueName="RowID" >
                        <ItemTemplate>
                            <asp:HyperLink runat="server" NavigateUrl="javascript:RowClick()"  Text="Add voucher link"></asp:HyperLink>

                             </ItemTemplate>
                    </telerik:GridTemplateColumn>

you call "javascript:RowClick()" without params, so sure you have filterId param undefined. How you try pass parameter? — Grundy
– Grundy, Commented May 26, 2015 at 8:19
so you just write NavigateUrl="javascript:RowClick(RowID)"? NavigateUrl is just string, and it rendered as is, so in html you have something like <a href="javascript:RowClick(RowID)"> and sure it not work — Grundy
– Grundy, Commented May 26, 2015 at 8:23

jomargon · Accepted Answer · 2015-05-26 09:06:05Z

1

Use LinkButton instead of HyperLink. See example below.

<asp:LinkButton ID="btn" Text="Add voucher link" runat="server" 
 OnClientClick='<%# "RowClick(" + Eval("RowID") + "); return false;" %>'></asp:LinkButton>

edited May 26, 2015 at 9:06

answered May 26, 2015 at 8:53

jomargon

1691 silver badge8 bronze badges

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

3 Comments

marios Over a year ago

Uncaught SyntaxError: Unexpected token <

jomargon Over a year ago

Edited the LinkButtoncontrol. Use the example as a guide.

marios Over a year ago

still : Uncaught ReferenceError: filterId is not defined

Grundy · Accepted Answer · 2015-05-26 09:32:49Z

0

For fix your error with The server tag is not well formed error you should use single quotes for attribute values, and make navigate url inside binding

<asp:HyperLink runat="server" NavigateUrl='<%# string.Format("javascript:RowClick({0})",Eval("RowID"))%>'  Text="Add voucher link"></asp:HyperLink>

But in case when you need simple link, methinks better use just a tag, something like

<a href="javascript:RowClick('<%# Eval("RowID") %>')" >Add voucher link</a>

in my opinion it easy and more readable

answered May 26, 2015 at 9:32

Grundy

13.4k3 gold badges39 silver badges57 bronze badges

Collectives™ on Stack Overflow

Js function call with param on HyperLink

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related