jquery asp.net button visibility

Question

There is some code like this :

if ( bValid ) { 
      $( this ).dialog( "close" );
$("#btnExcel").show(); }

and .aspx look like :

  <form id="form1" runat="server">
                    <input id="inpHide" type="hidden" runat="server" />
                    <asp:Button ID="btnExcel" runat="server" Text="Excel" AccessKey="E" BorderWidth="0px"
                        OnClick="btnExcel_Click" ToolTip="Excel" Visible="false" />
                    </form>

`bValid` is some part of code

Why this doesnt work ? What can be done to work it out. To make button visisble ?

may be its not accessible because :

var button = $('#btnExcel')[0]; 
                        alert(button);

shows : undefined !

Looking for help.

Shiv Kumar · Accepted Answer · 2011-02-02 07:37:53Z

5

You can't have the button as Visible="false" on the server side. That is in your ASPX page you need to have it Visible="true" because otherwise the button is not rendered to html.

You could set the style attirbute (or CssStyle attirbute) on your button to style="display:none;" and then things will work

<asp:Button ID="btnExcel" runat="server" Text="Excel" AccessKey="E" BorderWidth="0px"
                        OnClick="btnExcel_Click" ToolTip="Excel" Visible="true" style="display:none;" />

edited Feb 2, 2011 at 7:37

answered Feb 2, 2011 at 7:30

Shiv Kumar

9,8092 gold badges41 silver badges38 bronze badges

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

2 Comments

Pratik Over a year ago

Thanks Visible="false" To Visible="true" Right ??

Shiv Kumar Over a year ago

Yes, and then set the style attribute as I've shown in the code in my answer. That is style="display: none;"

Collin O'Connor · Accepted Answer · 2011-02-02 07:27:52Z

0

Can you set the button's display to none?

answered Feb 2, 2011 at 7:27

Collin O'Connor

1,3514 gold badges19 silver badges31 bronze badges

Comments

Arun · Accepted Answer · 2011-02-02 07:29:03Z

0

Thats because the IDs of server controls generated by ASP.Net is different in the browser. View the HTML source in the browser, find the correct control ID and use that in the jQuery code. You can also try ClientID function of ASP.Net

See this for more: http://forums.asp.net/p/1522697/3664258.aspx

answered Feb 2, 2011 at 7:29

Arun

3,0673 gold badges37 silver badges59 bronze badges

1 Comment

Shiv Kumar Over a year ago

The button is not rendered to html since it has been set to false on the server side. ASP controls when set to false are not rendered.

Madhur Ahuja · Accepted Answer · 2011-02-02 07:30:14Z

0

btnExcel will be mangled since its a server side control.

Obtain the mangled id as document.getElementByid(<%=btnExcel.ClientID%>)

answered Feb 2, 2011 at 7:30

Madhur Ahuja

22.8k15 gold badges77 silver badges128 bronze badges

1 Comment

Shiv Kumar Over a year ago

There will be no button in fact (in html), since it's Visible property is false.

Collectives™ on Stack Overflow

jquery asp.net button visibility

4 Answers 4

2 Comments

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related