Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1976
  • Last Modified:

Update Panel with a Datagrid populated PageLoad

I have a datagrid in a report that is populated at the PageLoad event from parameters passed in the query string.

I would like to put this datagrid in an update panel so that I can display the UpdateProgress while the data is being fetched and then display the results. I can't get the page to render and display the information until it has fetched the data - I have tried (see code snippet) but to no avail.
<asp:ScriptManager ID="ScriptManager" runat="server"></asp:ScriptManager>
    <div id="reportPadding" runat="server" class="reportPagePadding">
    <asp:UpdatePanel ID="ReportPanel" runat="server" >
    <ContentTemplate>
    <div id="divCenter" class="center" runat="server">
        <table id="headerTable" width="100%">
            <tr>
                <asp:Literal ID="AllTestHistoryReportHeader" runat="server"></asp:Literal></tr>
        </table>
        <asp:Literal ID="message" runat="server"></asp:Literal>
        <asp:DataGrid ID="allHistoryData" runat="server" DataKeyField="LearningObjectID"
            AutoGenerateColumns="false" OnItemDataBound="allHistory_ItemDataBound">
            <HeaderStyle Font-Bold="true" HorizontalAlign="Center" />
            <Columns>
                <asp:BoundColumn DataField="TestNumber" HeaderStyle-Width="150" ItemStyle-Width="150"
                    HeaderText="Test Number"></asp:BoundColumn>
                <asp:BoundColumn DataField="Description" HeaderStyle-Width="200" ItemStyle-Width="200"
                    HeaderText="Description" />
                <asp:TemplateColumn HeaderStyle-Width="240" ItemStyle-Width="240" HeaderText="Test Name">
                    <ItemTemplate>
                        <asp:Label ID="lblTestName" runat="server" /></ItemTemplate>
                </asp:TemplateColumn>
                <asp:BoundColumn DataField="Date" DataFormatString="{0:d}" HeaderStyle-Width="100"
                    ItemStyle-Width="100" HeaderText="Date" />
                <asp:BoundColumn DataField="Score" DataFormatString="{0:F0}" HeaderStyle-Width="150"
                    ItemStyle-Width="150" HeaderText="Score  (%)" />
                <asp:BoundColumn DataField="TestStatus" HeaderStyle-Width="150" ItemStyle-Width="150"
                    HeaderText="Test Status" />
                <asp:BoundColumn DataField="Action" HeaderStyle-Width="100" ItemStyle-Width="100"
                    HeaderText="Action" />
            </Columns>
        </asp:DataGrid>
    </div>
       </ContentTemplate>
       </asp:UpdatePanel>
    <asp:UpdateProgress ID="UpdateProgress" runat="server" AssociatedUpdatePanelID="ReportPanel">
    <ProgressTemplate>
    In Progress.....
    </ProgressTemplate>
    </asp:UpdateProgress>
    </div>

Open in new window

0
SimonFerris
Asked:
SimonFerris
  • 3
  • 2
1 Solution
 
Obadiah ChristopherCommented:
There is no trigger defined to cause an asynchronous postback...

The update progress will be displayed only in case an asynchronous postback is occuring....

For an example have a look here...

http://www.asp.net/learn/3.5-videos/video-362.aspx

In this example the gridview is populated according to the selection in the dropdownlist

Hope this helps...
0
 
SimonFerrisAuthor Commented:
I have other pages(reports) where there are dropdownlists to specify filters - so thanks for the pointer to the video. In this case the user does not make a choice on the page but has clicked a link on another page that passes the parameter in the query string and the data is fetched.
0
 
Obadiah ChristopherCommented:
That won't be possible I think...

Because the concept of ajax is that it performs partial updates to the page.

Here u r not perform a update to the page. u r loading it in the first place.

So u'll have to do some workaround...

U could place a lable above the gridview

label1.Text = "Fetching data...";

gv.Datasource=......;
gv.DataBind();
label1.Text=string.Empty;

Hope this helps
0
 
SimonFerrisAuthor Commented:
Cheers for that I'll give it a go.
0
 
SimonFerrisAuthor Commented:
Thanks for the quick response. I didn't see any examples out there of how to do this initially and you've helped confirm the way to go.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now