0
How do I update an ASP.Net web page?
I have a page that has two GridView
and I need this page updated every 5 minutes.
Mine GridView
are like this:
<div class="GridMain">
<asp:GridView ID="gvInformationPeriod" runat="server" Width="100%" CssClass="GridViewUser" AllowPaging="True" CellPadding="4" AutoGenerateColumns="False"
GridLines="None" ForeColor="#333333" OnPageIndexChanging="gvInformationPeriod_PageIndexChanging" onrowdatabound ="gvInformationPeriod_RowDataBound" PageSize="100">
<AlternatingRowStyle CssClass="GridAlternativeUser" BackColor="White" />
<Columns>
<asp:BoundField DataField="PeriodID" HeaderText="PeriodID" />
<asp:BoundField DataField="SchoolID" HeaderText="SchoolID" />
<asp:BoundField DataField="DateOpen" HeaderText="Aberto Em" />
<asp:BoundField DataField="UserName" HeaderText="Usuario" />
<asp:BoundField DataField="PCName" HeaderText="PC Name" />
<asp:BoundField DataField="Closed" HeaderText="Closed" />
</Columns>
<EditRowStyle BackColor="#2461BF" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#62AFC1" CssClass="GridPagerUser" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F5F7FB" />
<SortedAscendingHeaderStyle BackColor="#6D95E1" />
<SortedDescendingCellStyle BackColor="#E9EBEF" />
<SortedDescendingHeaderStyle BackColor="#4870BE" />
</asp:GridView>
</div>
<div class="GridMain">
<asp:GridView ID="gvInformationProduct" runat="server" Width="100%" CssClass="GridViewUser" AllowPaging="True" CellPadding="4" AutoGenerateColumns="False"
GridLines="None" ForeColor="#333333" OnPageIndexChanging="gvInformationProduct_PageIndexChanging" PageSize="100">
<AlternatingRowStyle CssClass="GridAlternativeUser" BackColor="White" />
<Columns>
<asp:BoundField DataField="Name" HeaderText="Nome" />
<asp:BoundField DataField="Quantity" HeaderText="Quantidade" />
</Columns>
<EditRowStyle BackColor="#2461BF" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#62AFC1" CssClass="GridPagerUser" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F5F7FB" />
<SortedAscendingHeaderStyle BackColor="#6D95E1" />
<SortedDescendingCellStyle BackColor="#E9EBEF" />
<SortedDescendingHeaderStyle BackColor="#4870BE" />
</asp:GridView>
</div>
you can use ajax in this case, leave the data content of this grid in a specific tag
<div class='grid-content'></div>
for example and usesetTimeInterval(loadDataInGrid(), 5000 * 60);
– Leonardo Bosquett
Use setTimeInterval(loadDataInGrid(), 5000 * 60); within an event?
– Paulo Romeiro
you can use inside the onload event of the page, remembering that loadDataInGrid is a function that you will implement to load the content within the tag you want.
– Leonardo Bosquett