ansaurus

Question

Validating button click event using JS from inside ascx nested inside updatepanel

Answer 1

A:

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head runat="server">
    <title></title>
</head>

<script type= "text/javascript" language="javascript">
    var val1 = 0;
    var val2 = 0;


    function ShowPanel(val2) {
        if (val2 != 0) {
            switch (val2) {
                case 1:
                    document.getElementById("<%= this.pnl1.ClientID%>").style.display = "none";
                    break;
            }
        }
        return false;
    }
    </script>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Panel runat="server" ID="pnl1"><div>pepe</div></asp:Panel>
    <asp:LinkButton ID="lbl1" runat="server" OnClientClick="return ShowPanel(1);">count</asp:LinkButton>
    </div>
    </form>
</body>
</html>

andres descalzo 2009-08-11 21:29:53

I tried that but it threw me an error when I was dynamically loading the user control.ABC.ascx(51): error CS1041: Identifier expected; 'return' is a keyword

2009-08-11 21:32:31

there I put the completed example

andres descalzo 2009-08-11 21:35:22

sorry , this line generate a error "<%=this.pepe %>"

andres descalzo 2009-08-11 21:37:45

Updated code : Thanks for helping me out, I tried your code, and it threw me, "Microsoft JScript runtime error: Object expected" on click the count linkbutton - lbl1.

2009-08-11 21:41:58

pleace, write the complete code here, with this example

andres descalzo 2009-08-11 21:47:55

placed the complete code with your suggested changes

2009-08-11 21:49:19

haaaaaa, 'Visible="false"', you put this property in the asp:Panel.jeje, then not generates in the HTML code. Always look at the HTML generated

andres descalzo 2009-08-11 22:04:55

That is what i am trying to achieve. Hide panel at the first go and then show panel at the click on Count.

2009-08-11 22:07:12

ASP.NET does not write HTML code in the panel with this property, you should do an OnClick and code in C#/VB.NET for see the panel, but not by JS, as it does not exist in HTML.

andres descalzo 2009-08-11 22:11:36

I did this Easily using this ScriptManager.RegisterOnSubmitStatement(this, this.GetType(), "", "showwait();");ScriptManager.RegisterClientScriptBlock(this,this.GetType(), "", "stopwait();", true);

2009-10-08 17:44:03

Answer 2

A:

In your example, you're using LinkButton.OnClick, which is a server-side event, so it won't fire the client-side JavaScript. If you change OnClick to OnClientClick, it should cause ASP.NET to spit out a client-side click handler for the LinkButton (which will probably be rendered as an onclick="return ShowPanel(1);" attribute on the anchor tag.)

Also, I noticed that in your ShowPanel() function, you use pnl1.ClientID. I can't tell from your code snippet whether that Panel is in the host page (ASPX) or the user control (ASCX) but if it's not in the user control, you'll need to establish some sort of reference back to it (i.e. DirectCast(Me.Page, MyHostPageWithPanel).pnl1). Or you might decide that it doesn't really need to be a server-side control, and then you could just hardcode a div with an id that is easily grabbed through JavaScript.

2009-08-11 21:33:15

Jordan, i changed to onclientclick. Panel is in the ABC.ascx. ABC.ascx is dynamically render by updpnl1 which is in XYZ.aspx.

2009-08-11 21:43:43

Answer 3

A:

did this Easily using this

ScriptManager.RegisterOnSubmitStatement(this, this.GetType(), "", "showwait();");

ScriptManager.RegisterClientScriptBlock(this,this.GetType(), "", "stopwait();", true);

2009-10-08 18:35:25

ansaurus

tags:

views:

answers:

Validating button click event using JS from inside ascx nested inside updatepanel

related questions