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. Image for the cookie policy date

How to avoid loading data inside a tab

Hi Support:

I have a view that has the ejTab with several tab items.  Each tab item has a ejGrid inside that loads data from a database.

We need to know if its possible to render only the grid located in the active tab item to avoid processing the other non active grids.

So every time a user selects a tab, the idea is to process the datasource and grid events of the active grid only.

How we can achieve this.

Thanks in advanced



1 Reply

KR Keerthana Rajendran Syncfusion Team July 28, 2017 08:53 AM UTC

Hi David,   
Thank you for contacting Syncfusion support, 
We suggest to use itemActive event of Tab, to load Grid as tab item only when that tab item is active. Please refer to the given code   
  <ej-tab id="tabSample" item-active="TabitemActive">   
  var flag,flag1;   
    function TabitemActive(e) {   
        if (e.model.selectedItemIndex == 1 && ej.isNullOrUndefined(flag)) {   
                url: '/Home/Contact',   
                type: 'POST'   
            }).done(function (result) {   
            flag = true;   
        if (e.model.selectedItemIndex == 2 && ej.isNullOrUndefined(flag1)) {   
                url: '/Home/About',   
                type: 'POST'   
            }).done(function (result) {   
            flag1 = true;   
We have prepared a sample based on your requirement. Please refer to the given link   

Live Chat Icon For mobile
Up arrow icon