Update Form In Real Time

[weirddemon]

I have a webform that has a button. When the button is clicked, it gathers some records from a database and is supposed to update the UI with each record pulled. But for some reason, the UI only updates when the operation completes. I've posted the markup below. I can post the code if needed.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
        <p>
            <asp:Button ID="btnStart" runat="server" Text="Start" Width="94px" /></p>
            <table style="width: 99%;">
                <tr>
                    <td class="style1">
                        <asp:CheckBox ID="chkEnableCsoThread1" runat="server" Checked="True" 
                            Text="Enable" />
                    </td>
                    <td class="style2">
                        <asp:Label ID="Label3" runat="server" Text="Thread 1 Progress:"></asp:Label>
                    </td>
                    <td class="style3">
                        <asp:Label ID="lblThread1Progress" runat="server" Text="N/A"></asp:Label>
                    </td>
                    <td class="style4">
                        <asp:Label ID="Label1" runat="server" Text="Count:"></asp:Label>
                    </td>
                    <td>
                        <asp:Label ID="lblThread1Count" runat="server" Text="0"></asp:Label>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>

[davidrobin]

How are you populating the table?
How many records are you retrieving?

An update panel still does a postback to the server and so the ASP.NET engine on the server generates the html before returning it to be displayed in the browser as normal.

Interesting read
http://encosia.com/are-you-making-th...ajax-mistakes/

If you want to see the table rows to be added and visible in the browser one at a time you will need to populate the table via javascript or some fully client side method.