Control event not firing from within updatepanel

Question

I have a listbox that is being updated via a timer and working as expected inside an UpdatePanel.

However I cannot get the selectedindexchanged event to fire. I presume this is something to do with the partial postback. Does anybody know what I can do to make this work?

When I move it out of the UpdatePanel it works fine. However obviously I cannot do partial postbacks.

<asp:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
    <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick" Interval="500"></asp:Timer>
    <asp:ListBox ID="ListBox_JobPositions" OnSelectedIndexChanged="ListBox_JobPositions_SelectedIndexChanged"  runat="server" Height="750px" Width="300px" DataSourceID="sqlDataSource" DataTextField="Company" DataValueField="Pid"></asp:ListBox>
</ContentTemplate>
</asp:UpdatePanel>

UPDATE:

Have now tried the below change, the timer event is still working but the selectedindexchanged event is not. I am getting lost with this.

<asp:UpdatePanel ID="UpdatePanel" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
<ContentTemplate>
    <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick" Interval="500"></asp:Timer>
    <asp:ListBox ID="ListBox_JobPositions" runat="server" Height="750px" Width="300px" DataSourceID="sqlDataSource" DataTextField="Company" DataValueField="Pid" OnSelectedIndexChanged="ListBox_JobPositions_SelectedIndexChanged" AutoPostBack="True"></asp:ListBox>
</ContentTemplate>
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="Timer1" />
</Triggers>

Here is the event that does not fire when the listbox is inside the UpdatePanel but does work when it is not.

protected void ListBox_JobPositions_SelectedIndexChanged(object sender, EventArgs e)
    {
        Response.Write("test");
    }

That is basically the whole program. As you can see there is not a lot to it. — Jamesla, Mar 21 '13 at 06:21

nunespascal · Answer 1 · 2013-03-21T05:31:29.343

4

The reason you are not getting the event is that, your change event is not causing the PostBack. Your postback is caused by the timer.

The event asp.net receives is the timer event and not the ListBox event.

To resolve the issue, you should set AutoPostBack to true. This will cause the ListBox to do a PostBack as soon as the data changes and your event should fire.

<asp:ListBox ID="ListBox_JobPositions" AutoPostBack="True"  
     OnSelectedIndexChanged="ListBox_JobPositions_SelectedIndexChanged"  
     runat="server" Height="750px" Width="300px" 
     DataSourceID="sqlDataSource" 
     DataTextField="Company" 
     DataValueField="Pid">
</asp:ListBox>

Since you have set the UpdateMode to Conditional, you should also set the ChildrenAsTriggers to true. This way way the List causes a PostBack, that too will be a partial update.

<asp:UpdatePanel ID="UpdatePanel" runat="server" 
                 UpdateMode="Conditional" 
                 ChildrenAsTriggers="True">

edited Mar 21 '13 at 05:31

answered Mar 21 '13 at 05:26

nunespascal

17,584
2
43
46

I have enabled Autopostback and changed Updatemode to always and Childrenastriggers is set to true but it is still not working. – Jamesla Mar 21 '13 at 05:38
Trying increasing your timer interval to debug. 500ms is a very short duration for you to change an element before the timer fires. – nunespascal Mar 21 '13 at 05:41
Increasing the timer also hasn't helped. The event is still not firing. – Jamesla Mar 21 '13 at 06:07

Jamesla · Accepted Answer · 2013-03-21T07:22:12.730

Works now, had to manually specify Async and Full Postback triggers. Thanks for your help.

<asp:UpdatePanel ID="UpdatePanel" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
<ContentTemplate>
    <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick" Interval="500"></asp:Timer>
    <asp:ListBox ID="ListBox_JobPositions" runat="server" Height="750px" Width="300px" DataSourceID="sqlDataSource" DataTextField="Company" DataValueField="Pid" OnSelectedIndexChanged="ListBox_JobPositions_SelectedIndexChanged" AutoPostBack="True"></asp:ListBox>
</ContentTemplate>
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="Timer1" />
    <asp:PostBackTrigger ControlID="ListBox_JobPositions" /> 
</Triggers>
</asp:UpdatePanel>

Control event not firing from within updatepanel

2 Answers2

Linked