How to get a refreshed table without refreshing the whole page?

Question

I am developing an ASP.NET intranet web application which is a Quiz Engine. Since I am a new ASP.NET developer, I have a table that shows some feedback received from the users and the admin has the ability to accept or reject these feedback using the DropDownList.

Under this table, there is a JQuery Accordion that when the Admin clicks on it, he will see a table with the received feedback for the last three months. But when the admin accepts or rejects one of the feedback and then clicks on the Accordion, he will see the that table but without that feedback even if the feedback is one of the feedbacks submitted last month. However, when you refresh the page and then clicks on the Accordion, he will see it.

So is there any functionality that will help me to get an auto-refresh table with refreshing the whole page? Any help please?

ASP.NET Code:


            
             
            
                
                
                
                
                
                
                
                    
                        
                        
                    
                
            
        
        

                      
                        
                    
        

        <%--For the DropDownList--%>
        
        

        <%--Filtering by Division--%>
        


            

                Safety Suggestions List (for the last three months)

Code-Behind:

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: I used the UpdatePanel control to get a partial update, and I used , but I got the following error and I don't know why:

Could not find an event named 'Click' on associated control 'GridView2' for the trigger in UpdatePanel 'UpdatePanel1'.

 
    
        
    
    
       
            

                Safety Suggestions List (for the last three months)

Maxali · Accepted Answer

In the trigger you mentioned Click event, but in the code behind you have only DropDownList_SelectedIndexChanged event.

Instead you can trigger the SelectedIndexChanged event for the DropDownList as

You just need to trigger a valid event in the code behind.

Update: Since the SelectedIndexChanged updates the database, so you need to refresh the DataGrid to populate the updated data.

Add this line code at the end of SelectedIndexChanged method:

    GridView2.DataBind();

How to get a refreshed table without refreshing the whole page?

Answers (2)

Related Questions