1. 首页
  2. 问答
  3. 如何刷新表而不刷新整个页面？

如何刷新表而不刷新整个页面？

2012-03-10 167 views
2

我正在开发一个ASP.NET内联网Web应用程序，它是一个测验引擎。由于我是一名新的ASP.NET开发人员，因此我有一张表格，显示从用户收到的一些反馈，并且管理员可以使用DropDownList接受或拒绝这些反馈。如何刷新表而不刷新整个页面？

在这张表下，有一个JQuery手风琴，当管理员点击它时，他会看到一张表，并在最近三个月收到反馈。但是，当管理员接受或拒绝其中一个反馈，然后单击“手风琴”时，即使反馈是上个月提交的反馈之一，他也会看到该表，但没有反馈。但是，当您刷新页面并点击手风琴时，他会看到它。

那么有什么功能可以帮助我刷新整个页面来获得自动刷新表吗？ 请帮忙吗？

ASP.NET代码：

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
         AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="ID" 
         width="950px" CssClass="mGrid" 
         AlternatingRowStyle-CssClass="alt" 
         RowStyle-HorizontalAlign="Center" 
         DataSourceID="SqlDataSource1" 
         OnRowDataBound="GridView1_RowDataBound" > 
      <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
      <HeaderStyle Font-Bold = "true" ForeColor="Black" Height="20px"/> 
      <Columns> 
       <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" 
        ReadOnly="True" SortExpression="ID" /> 
       <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" /> 
       <asp:BoundField DataField="Description" HeaderText="Description" 
        SortExpression="Description" /> 
       <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" /> 
       <asp:BoundField DataField="Username" HeaderText="Username" 
        SortExpression="Username" /> 
       <asp:BoundField DataField="DivisionShortcut" HeaderText="Division" 
        SortExpression="DivisionShortcut" /> 
       <asp:TemplateField HeaderText="Status"> 
        <ItemTemplate> 
         <asp:DropDownList ID="DropDownList" runat="server" DataSourceID="SqlDataSource2" 
              Font-Bold="True" ForeColor="#006666" AppendDataBoundItems="false" 
              DataTextField="Status" DataValueField="ID" AutoPostBack="true" 
              OnDataBound="DropDownList_DataBound" OnSelectedIndexChanged ="DropDownList_SelectedIndexChanged"> 
         </asp:DropDownList> 
        </ItemTemplate> 
       </asp:TemplateField> 
      </Columns> 
     </asp:GridView> 
     <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
      ConnectionString="<%$ ConnectionStrings:testConnectionString %>" 
      SelectCommand="SELECT  dbo.SafetySuggestionsLog.ID, dbo.SafetySuggestionsLog.Title, dbo.SafetySuggestionsLog.Description, dbo.employee.Name, dbo.SafetySuggestionsLog.Username, 
         dbo.Divisions.DivisionShortcut 
FROM   dbo.employee INNER JOIN 
         dbo.SafetySuggestionsLog ON dbo.employee.Username = dbo.SafetySuggestionsLog.Username INNER JOIN 
         dbo.Divisions ON dbo.employee.DivisionCode = dbo.Divisions.SapCode" 
         FilterExpression="[DivisionShortcut] like '{0}%'"> 

         <FilterParameters> 
         <asp:ControlParameter ControlID="ddlDivision" Name="DivisionShortcut" 
               PropertyName="SelectedValue" Type="String" /> 
        </FilterParameters> 
     </asp:SqlDataSource> 

     <%--For the DropDownList--%> 
     <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
          ConnectionString="<%$ ConnectionStrings:testConnectionString %>" 
          SelectCommand="SELECT * FROM [SafetySuggestionsStatus]"> 
     </asp:SqlDataSource> 

     <%--Filtering by Division--%> 
     <asp:SqlDataSource ID="sqlDataSourceDivision" runat="server" 
     ConnectionString="<%$ ConnectionStrings:testConnectionString %>" 
     SelectCommand="SELECT [DivisionShortcut] FROM [Divisions]"></asp:SqlDataSource> 

<dl id="jfaq"> 
      <br /> 
       <dt>Safety Suggestions List (for the last three months)</dt> 
        <dd> 
         <br /> 
         <asp:Panel ID="Panel1" runat="server"> 
         <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
             AllowSorting="True" CssClass="mGrid" 
             AlternatingRowStyle-CssClass="alt" 
             RowStyle-HorizontalAlign="Center" 
             DataSourceID="SqlDataSource4"> 
          <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
          <HeaderStyle Font-Bold = "true" ForeColor="Black" Height="20px"/> 
          <Columns> 
           <asp:BoundField DataField="SubmittedMonth" HeaderText="Submitted Month" 
            SortExpression="SubmittedMonth" ReadOnly="True" /> 
           <asp:BoundField DataField="DivisionShortcut" HeaderText="Division" 
            SortExpression="DivisionShortcut" /> 
           <asp:BoundField DataField="Username" HeaderText="Username" 
            SortExpression="Username" /> 
           <asp:BoundField DataField="Name" HeaderText="Name" 
            SortExpression="Name" /> 
           <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" /> 
           <asp:BoundField DataField="Description" HeaderText="Description" 
            SortExpression="Description" /> 
           <asp:BoundField DataField="Type" HeaderText="Type" SortExpression="Type" /> 
           <asp:BoundField DataField="Status" HeaderText="Status" 
            SortExpression="Status" /> 
          </Columns> 
           <RowStyle HorizontalAlign="Center"></RowStyle> 
         </asp:GridView> 
         </asp:Panel> 
         <asp:SqlDataSource ID="SqlDataSource4" runat="server" 
          ConnectionString="<%$ ConnectionStrings:testConnectionString %>" SelectCommand="SELECT  TOP (100) PERCENT LEFT(DATENAME(month, dbo.SafetySuggestionsLog.DateSubmitted), 3) + '-' + DATENAME(year, dbo.SafetySuggestionsLog.DateSubmitted) 
         AS SubmittedMonth, dbo.Divisions.DivisionShortcut, dbo.SafetySuggestionsLog.Username, dbo.employee.Name, dbo.SafetySuggestionsLog.Title, 
         dbo.SafetySuggestionsLog.Description, dbo.SafetySuggestionsType.Type, dbo.SafetySuggestionsStatus.Status 
FROM   dbo.Divisions INNER JOIN 
         dbo.employee ON dbo.Divisions.SapCode = dbo.employee.DivisionCode INNER JOIN 
         dbo.SafetySuggestionsLog ON dbo.employee.Username = dbo.SafetySuggestionsLog.Username INNER JOIN 
         dbo.SafetySuggestionsType ON dbo.SafetySuggestionsLog.TypeID = dbo.SafetySuggestionsType.ID INNER JOIN 
         dbo.SafetySuggestionsStatus ON dbo.SafetySuggestionsLog.StatusID = dbo.SafetySuggestionsStatus.ID 
WHERE  (DATEDIFF(month, dbo.SafetySuggestionsLog.DateSubmitted, GETDATE()) &lt; 3) 
ORDER BY dbo.SafetySuggestionsLog.DateSubmitted DESC"> 
         </asp:SqlDataSource> 

         <asp:Button ID="btnPrint" runat="server" Text="Print" OnClick="btnPrint_Click" /> 
         </dd> 
       </dl>

代码隐藏：

protected void DropDownList_SelectedIndexChanged(object sender, EventArgs e) 
    { 
     DropDownList ddl = (DropDownList)sender; 
     int suggestionStatus = int.Parse(ddl.SelectedValue); 
     GridViewRow row = (GridViewRow)ddl.NamingContainer; 
     string strID = GridView1.DataKeys[row.RowIndex]["ID"].ToString(); 
     int ID = Int32.Parse(strID); 
     //For inserting the status in the database 
     string connString = "Data Source=localhost\\sqlexpress;Initial Catalog=psspdbTest;Integrated Security=True"; 
     string updateCommand = "UPDATE SafetySuggestionsLog SET [StatusID] = @StatusID WHERE [ID] = @ID"; 
     using (SqlConnection conn = new SqlConnection(connString)) 
     { 
      conn.Open(); 
      using (SqlCommand cmd = new SqlCommand(updateCommand, conn)) 
      { 
       cmd.Parameters.Clear(); 
       cmd.Parameters.AddWithValue("@StatusID", suggestionStatus); 
       cmd.Parameters.AddWithValue("@ID", ID); 
       cmd.ExecuteNonQuery(); 
      } 
      conn.Close(); 
     } 

    }

UPDATE： 我使用的UpdatePanel控件得到部分更新了，以前<triggers>，但我得到以下错误，我不知道为什么：

在UpdatePanel的“UpdatePanel1”中找不到触发器的关联控件 'GridView2'上名为'Click'的事件。

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="GridView2" EventName="Click" /> 
    </Triggers> 
    <ContentTemplate> 
     <dl id="jfaq"> 
      <br /> 
       <dt>Safety Suggestions List (for the last three months)</dt> 
        <dd> 
         <br /> 
         <asp:Panel ID="Panel1" runat="server"> 
         <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
             AllowSorting="True" CssClass="mGrid" 
             AlternatingRowStyle-CssClass="alt" 
             RowStyle-HorizontalAlign="Center" 
             DataSourceID="SqlDataSource4"> 
          <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
          <HeaderStyle Font-Bold = "true" ForeColor="Black" Height="20px"/> 
          <Columns> 
           <asp:BoundField DataField="SubmittedMonth" HeaderText="Submitted Month" 
            SortExpression="SubmittedMonth" ReadOnly="True" /> 
           <asp:BoundField DataField="DivisionShortcut" HeaderText="Division" 
            SortExpression="DivisionShortcut" /> 
           <asp:BoundField DataField="Username" HeaderText="Username" 
            SortExpression="Username" /> 
           <asp:BoundField DataField="Name" HeaderText="Name" 
            SortExpression="Name" /> 
           <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" /> 
           <asp:BoundField DataField="Description" HeaderText="Description" 
            SortExpression="Description" /> 
           <asp:BoundField DataField="Type" HeaderText="Type" SortExpression="Type" /> 
           <asp:BoundField DataField="Status" HeaderText="Status" 
            SortExpression="Status" /> 
          </Columns> 
           <RowStyle HorizontalAlign="Center"></RowStyle> 
         </asp:GridView> 
         </asp:Panel> 
         <asp:SqlDataSource ID="SqlDataSource4" runat="server" 
          ConnectionString="<%$ ConnectionStrings:testConnectionString %>" SelectCommand="SELECT  TOP (100) PERCENT LEFT(DATENAME(month, dbo.SafetySuggestionsLog.DateSubmitted), 3) + '-' + DATENAME(year, dbo.SafetySuggestionsLog.DateSubmitted) 
         AS SubmittedMonth, dbo.Divisions.DivisionShortcut, dbo.SafetySuggestionsLog.Username, dbo.employee.Name, dbo.SafetySuggestionsLog.Title, 
         dbo.SafetySuggestionsLog.Description, dbo.SafetySuggestionsType.Type, dbo.SafetySuggestionsStatus.Status 
FROM   dbo.Divisions INNER JOIN 
         dbo.employee ON dbo.Divisions.SapCode = dbo.employee.DivisionCode INNER JOIN 
         dbo.SafetySuggestionsLog ON dbo.employee.Username = dbo.SafetySuggestionsLog.Username INNER JOIN 
         dbo.SafetySuggestionsType ON dbo.SafetySuggestionsLog.TypeID = dbo.SafetySuggestionsType.ID INNER JOIN 
         dbo.SafetySuggestionsStatus ON dbo.SafetySuggestionsLog.StatusID = dbo.SafetySuggestionsStatus.ID 
WHERE  (DATEDIFF(month, dbo.SafetySuggestionsLog.DateSubmitted, GETDATE()) &lt; 3) 
ORDER BY dbo.SafetySuggestionsLog.DateSubmitted DESC"> 
         </asp:SqlDataSource> 

         <asp:Button ID="btnPrint" runat="server" Text="Print" OnClick="btnPrint_Click" /> 
         </dd> 
       </dl> 

     </ContentTemplate> 
    </asp:UpdatePanel>

来源

2012-03-10 Ali Ahmed

回答

1

在你提到的Click事件触发，但在后面的代码你只有DropDownList_SelectedIndexChanged事件。

相反，你可以触发为DropDownList SelectedIndexChanged事件作为

<asp:AsyncPostBackTrigger ControlID="DropDownList" EventName="SelectedIndexChanged" />

你只需要背后触发代码中的一个有效的事件。

更新：由于SelectedIndexChanged更新数据库，所以您需要刷新DataGrid以填充更新的数据。

在的SelectedIndexChanged方法的末尾添加这行代码：

GridView2.DataBind();

来源

2012-03-10 10:46:47 Maxali

+1

更新后只刷新网格。您可以使用GridView2.DataBind（） – Maxali 2012-03-10 11:05:00

+0

谢谢。我非常感谢你的帮助。 – 2012-03-10 11:39:29

1

使用AJAX更新面板，这可能有助于http://ajax.net-tutorials.com/controls/updatepanel-control/

来源

2012-03-10 09:30:00 Karthik

+0

感谢您的帮助。但是，你的意思是我应该只将Jquery Accordion放入UpdatePanel控件中？或者我也应该使用触发器？ – 2012-03-10 09:39:19

+0

你也应该使用触发器.. – Karthik 2012-03-10 09:47:51

+0

你能看到我上面更新的问题吗？ – 2012-03-10 09:56:51

相关问题

 相关问题