How can I get an UpdatePanel to intercept a CompositeControl's DropDownList

Question

I have a CompositeControl that contains a DropDownList.

I have set the AutoPostBack property of the DropDownList to true.

On the page, I have:

&l         


        

Answer 1

Ok so this may not be the best answer, but I think the problem you're having it that the UpdatePanel just can't see the child control's event. Good news is, it's easy to fix. Say you have a control (CatchMyEvent, which by the way is a crazy clever name) and it has a DropDownList on it. Now you want the parent page to see the SelectedIndexChanged event fire on that list and update a label to match the SelectedItem.Text. As it is, the parent can't really do that. So let's change that:

public partial class CatchMyEvent : System.Web.UI.UserControl
{
    public delegate void ChangedIndex(object sender, EventArgs e);
    public event ChangedIndex SelectedIndexChanged;

    protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);
        dropDownListThrow.SelectedIndexChanged += new EventHandler(dropDownListThrow_SelectedIndexChanged);
        labelOutput.Text = "no";
    }

    public void dropDownListThrow_SelectedIndexChanged(object sender, EventArgs e)
    {
        labelOutput.Text = ((DropDownList)sender).SelectedItem.Text;
        if(SelectedIndexChanged != null)
        {
            SelectedIndexChanged(sender, e);
        }
    }
}

Basically all I did is have the control capture the DropDownList's SelectedIndexChanged event and fired it so that any parent page or control could see it. Essentially all I've done is passed it on. Now on the parent page, it's really easy to capture.

You just need to add an UpdatePanel with a trigger that holds:

...and of course add this to the code behind for the parent page:

protected override void OnInit(EventArgs e)
{
    base.OnInit(e);
    catchMyEventMain.SelectedIndexChanged += dropDownListThrow_SelectedIndexChanged;
}

public void dropDownListThrow_SelectedIndexChanged(object sender, EventArgs e)
{        
    labelSelectedValue.Text = ((DropDownList)sender).SelectedItem.Text;
}

Where the label is the before mentioned label. And then let the magic happen.

Also two notes:

1) Don't be an idiot like I was when testing this and forget to set the AutoPostBack property on the DropDownList to true.

2) Make sure the label is in the UpdatePanel's ContentTemplate.

Hope this helps.