Show web user control hidden

see07 · January 31st, 2005, 05:39 PM

Hello:
I have a web form, which contains 2 web user controls embedded in it.
First web user control contains a button, which when be pressed I need 2nd web user control be showed (this 2Âº web user control has property visible = false).
I donât found the way to attain when user push button in 1st. web user control, property visible of 2nd web user control be place to true, and thus it be showed.
Iâll thank you in advance if youâll be able to help me.
A.L.

El Hombre que tiene Amigos ha de mostrarse Amigo

mehdi62b · February 1st, 2005, 06:38 AM

I think you finally need to add an event to your usercontrol,so in your ascx file you should make an event and also accordingly a protected method for raising that event,

Code:

public event EventHandler UserControlClick;
protected void OnUserControlClick(EventArgs e)
{
      if(UserControlClick != null)
      {
         UserControlClick(this, e);
      }
}

then in Button1_Click you execute that protected method(for rasing the event),

Code:

private void Button1_Click(object sender, System.EventArgs e)
{ 
      OnUserControlClick(e); 
}

then in your ASP.NET page you put your usercontrols and also attach your new delegate to the event,

Code:

//code-behind for your ASP.NET page
private void InitializeComponent()
{    
this.Load += new System.EventHandler(this.Page_Load);
UserControl1.UserControlClick +=new EventHandler(WebForm1_UserControlClick);
}
private void WebForm1_UserControlClick(object sender, EventArgs e)
{
  //set the visible property of the UserControl2 to true       
}

HtH.

_____________________________
Mehdi.
software engineering student.
Looking for a good job for summer 2005.

see07 · February 2nd, 2005, 12:42 PM

Thanks you Mehdi:
Your solution is using totally C# and work fine.
There are another way to do,I share it:
The web user control to show is inside a panel, visibility of panel can change as I do trough JavaScript functions.

function esconde()
{
document.getElementById('Panel1').style.visibility = "hidden";
}
function muestraX()
{
document.getElementById('Panel1').style.visibility = "visible";
}

I hope this be useful.

A.L.

El Hombre que tiene Amigos ha de mostrarse Amigo

mehdi62b · February 3rd, 2005, 06:23 AM

your solution works on the client-side,however I don't know where you added those javascript functions,anyway it's better for usercontrols to be reusable in different situations.

_____________________________
Mehdi.
software engineering student.
Looking for a good job for summer 2005.

see07 · February 3rd, 2005, 12:09 PM

When user push button in web user control I send to execute a code contained in a button hide in web form in which I have this code:
string leyenda = "<script languaje = javascript>esconde();</script>";
if(!this.IsStartupScriptRegistered("Pb"))
{
Page.RegisterStartupScript("Pb",leyenda);
}
And esconde() is JavaScript function I'm using.
A.L.

El Hombre que tiene Amigos ha de mostrarse Amigo