Grid in Update Panel

[Luis Fernando]

Hello

I have a project with two web pages form: page1, page2. On both pages I have a grid inside an update panel.

Suppose I opened page1 and then page2 on another browser tab. When I return to page1 and click on a button to update the update panel, the grid records of page2 are displayed in the grid.

How to solve this?

Thank you.

[Prasanna Kumar Viswanathan]

Hi Fernando, 

Thanks for contacting Syncfusion support. 

We checked in our sample with two web pages and in both pages we placed a Grid inside an updated Panel. Once we opened the two web pages in two browser tabs and you have mentioned that when you return to Page 1 and click on a button to update the update panel, the grid records of Page 2 are displayed in the grid. Here we need a detail description regarding updating the update panel.  

 

We checked with by updating the records in the Grid and we unable to reproduce the mentioned issue at our end. So, we need the following details.  

 

1. Share the code example.  

  

2. Share the video demonstration of an issue.  

 

3. Essential Studio Version details.  

4. If possible, replicate the issue in the attached sample.  

Sample: http://www.syncfusion.com/downloads/support/forum/132065/ze/Sample-934679130 

Regards, 

Prasanna Kumar N.S.V 

 

[Luis Fernando]

Follow the example.

1 - Open Page1 and then Page2 on another browser tab.

2 - Return to Page1 and click in the Update button. The grid records of Page2  are displayed in the grid.

Attachment: WebSite4_94016f7b.zip

[Vignesh Natarajan]

Hi Fernando, 

Thanks for contacting Syncfusion support. 

We have analyzed your sample and we are able to reproduce the issue at our end. The reported issue is occurred due to both the Grid has same ID and dataSource is updated based on the Grid ID.  

Page1.aspx  

private void BindDataSource() 

    { 

        int orderId = 10643; 

        int empId = 0; 

                . 

                . 

                . 

        this.OrdersGrid.DataSource = order; 

        this.OrdersGrid.DataBind(); 

    } 

Page2.aspx 

private void BindDataSource() 

    { 

        int orderId = 10643; 

        int empId = 0; 

                . 

                . 

                . 

        this.OrdersGrid.DataSource = order; 

        this.OrdersGrid.DataBind(); 

    } 

Both the Grid have same ID and whenever the page is refreshed the dataSource will be changed(if it doesn’t match with current dataSource).  

To overcome/neglect this issue, use different ID for different Grid. 

We have modified your sample page2.aspx and page2.aspx.cs file so that issue can be resolved. the modification we made ere explained in code snippet and the sample can be downloaded for the following link 

Page2.aspx 

<ej:Button ID="Button1" runat="server" Type="Button" OnClick="Button1_Click" Text="Update"></ej:Button> 

          <ej:Grid ID="OrdersGrid1" runat="server" DataSourceCachingMode="Session" AllowPaging="True"> 

      

Page2.aspx.cs 

 

        this.OrdersGrid1.DataSource = order; 

        this.OrdersGrid1.DataBind(); 

    } 

Sample: http://www.syncfusion.com/downloads/support/directtrac/185319/ze/WebSite4_94016f7b_(2)-1944295948  

Regards, 

Vignesh Natarajan 

[Luis Fernando]

Thank you, Vignesh.

Are there any other alternatives besides this? Because as pages are standardized I would keep the grid on the master page and on the child pages I would load it.

[Saravanan Arunachalam]

Hi Luis, 

We have analyzed your query, the cause of the issue is that the page2 tab became active when open the page2 in new browser tab and updated the update panel with details in active tab. 

So, we suggest you to set the different id either for the Grid or UpdatePanel to overcome your issue and hence could you please provide the following details? 

1.       Do you want to render the reusable Grid? 

2.       Do you expect bind the different data to the Grid dynamically? 

3.       Why you placed grid in master page? 

4.       Provide clear details about your requirement. 

Regards, 

Saravanan A. 

[Luis Fernando]

Yes, I want to render the reusable Grid and I expect bind different data to the Grid dynamically.

I placed grid in master page because all the pages will follow the same pattern, I will have a registration form and as I add new records, edit or delete existing records, I reload the grid.

[Saravanan Arunachalam]

Hi Luis, 

Based on your requirement, we have created Asp.Net user control to render the reusable grid control on the page and we have modifed the previously provided sample with user control that can be download from the below link. 

http://www.syncfusion.com/downloads/support/forum/132065/ze/WebSite41464052081  

Note: If we render the user control within the update panel, we need to manually update User control with updated data because the UpdatePanel.Update() method will reset the user control with initial data. 

Regards, 

Saravanan A.