We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Waitingpopup of grid appear cornered in the top of the web page

Thread ID:

Created:

Updated:

Platform:

Replies:

124052 May 11,2016 03:35 PM UTC Mar 16,2017 03:56 PM UTC ASP.NET Web Forms 3
loading
Tags: Grid
Roimer Machacón Otero
Asked On May 11, 2016 03:35 PM UTC

Hi, we're using grid and when the grid have many data appear the waitingpopup but this appear cornered in the top of the web page, not appear center with respect to the grid, but when using the number paging of the grid this waitingpopup if appear correctly. 

What can cause this error?

Venkatesh Ayothi Raman [Syncfusion]
Replied On May 12, 2016 12:04 PM UTC

Hi Roimer,   
  
Thank you for contacting Syncfusion support.   
  
We were unable to reproduce the issue at our end. Please share the following information.  
  
1)      Are you inserting the Grid dynamically? If so, provide the details.   
2)      Provide full code example of ejGrid.   
3)      Scenario with replication procedure.   
4)      Essential Studio version and Browser details.   
  
It would be helpful for us to find the problem and provide a better solution at the earliest.   
  
Regards,   
Venkatesh Ayothiraman.   


Roimer Machacón Otero
Replied On March 15, 2017 03:36 PM UTC

Hi, I want know if is possible hide the waiting popup when the data of the grid is loading.

The scenario is this:

We have a tab with 3 tabs, in each tab have a grid. Now when the data is loading the waiting popup for the grid that are in the tabs hidden when load the page appear cornered up and the left of the page. We want that only appear one waitingpopup for the 3 grids, disable or hide the waiting popup of the grids that are in the inactive tabs..

This html we can see in the browser console 

Waiting popup grid

Waiting popup cornered

In this image can observe that the position of the 2 waiting popup in inactive tab the top and left is 0px

Can I hide these  waiting popup?

Venkatesh Ayothi Raman [Syncfusion]
Replied On March 16, 2017 03:56 PM UTC

Hi Roimer, 
Thanks for contacting Syncfusion support. 
We have achieved your requirement using ClientSideOnActive event of ejTab. First initially we can bound the data source only for first Grid and you may initialize another grids without binding the data source. 
When we click another tab then we can bound the corresponding data source using that event like as follows, 
Code example: 
@Grid 
  <ej:Tab ID="DefaulttabContent" ClientSideOnActive="onActive" runat="server"> 
    <Items> 
            <ej:TabItem ID="Grid" Text="FirstGrid" > 
                <ContentSection> 
    <div> 
     
    <ej:DataManager runat="server" ID="DataManager" URL="Default.aspx/DataSource" UpdateURL="Default.aspx/Update"  RemoveURL="Default.aspx/Remove" InsertURL="Default.aspx/Insert" Adaptor="WebMethodAdaptor"/> 
     
    <ej:Grid  runat="server"  ID="gridDistributors" EnableViewState="false" AllowPaging="true" Load="OnLoad" DataManagerID="DataManager" > 
           
        <Columns> 
  
. . . 
         
        </Columns> 
. . . 
    </ej:Grid> 
 
     </div> 
                       </ContentSection> 
            </ej:TabItem> 
        <ej:TabItem ID="Grid2" Text="SecondGrid" > 
                <ContentSection> 
 
                        
    <ej:Grid  runat="server"  ID="grid1" EnableViewState="false" AllowPaging="true" Load="OnLoad" > 
           
        <Columns> 
  
           . . . 
        </Columns> 
       . . . 
    </ej:Grid> 
 
                    </ContentSection> 
            </ej:TabItem> 
        </Items> 
   </ej:Tab> 
 
@onActive event of tab 
 
  function onActive(args) { 
            if (args.activeIndex == 1) { 
                var dataManager2 = ej.DataManager({ url: "/Default.aspx/DataSource", adaptor: "WebMethodAdaptor" }); 
                //Here only bound the data source for another grid 
                $("#MainContent_DefaulttabContent_grid1").ejGrid({ 
                    dataSource: dataManager2,               
                     
                }); 
            } 
        } 
 
Do you want to hide the waiting popup at initial time? If so, we have achieved your requirement using Load event in Grid. In this event, we can disable the waiting popup while fetching the data from server side. Please refer to the following code example, 
Code example
<Grid> 
<ej:Grid  runat="server"  ID="gridDistributors" EnableViewState="false" AllowPaging="true" Load="OnLoad" DataManagerID="DataManager" > 
           
        <Columns> 
  
. . . 
         
        </Columns> 
. . . 
    </ej:Grid> 
 
<script> 
    function onLoad(args) { 
        $("#"+this._id).ejWaitingPopup({ template: " " }); //Disable the default waiting popup shown while fetching the data 
    } 
</script> 
 
We have also prepared a sample for your convenience which can be download from following link, 
 
 
Please refer to the following help documentation for additional information about hide/show the waiting popup, 
 
 
Regards, 
Venkatesh Ayothiraman. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;