JQxTab no data to display, Cache problem

[Akshar AKParticipant]

Hello,

I have 2 questions to ask.
1. Since entire jqwidgets is of javascript, every time we do new changes to the functionality I implemented, should I keep clearing the browser cache? Because if I don’t I wont be able to see my new changes.

2. I have a used jqxTabs. and there are 3 tabs. on load of the screen I load the data of only the first tab which is visible. On tab click event am writing the code for loading the data for other tabs on click of them. But am facing a strange problem. If I open the page and keep it idle for about 10 minutes, and now I click on the 2nd tab, “No data to display”. But if I refresh the page or without keeping the pc idle if I click on the other tab, the data is getting loaded properly. This is high priority fix which I have to do in my code. can anyone please suggest me on what to do?

Thanks in advance.

[Peter StoevKeymaster]

Hi Akshar AK,

1. if you’re developer and frequently make changes on your page which is under development , it would be good if you refresh it or clear your cache.
2. initTabContent of jqxTabs should be used for creating widgets inside tabs. You can find a sample in the jqxTabs demo section.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Akshar AKParticipant]

Hello Peter,

Am using the below code to for the tab click events. Am just using a jqxGrid in the jqxTabs. You are suggesting to use initTabContent??

 $('#jqxTabs').on('tabclick', function (event)
    	    {    
    	    	
    	    	  	  var location = $('#jqxTabs').jqxTabs('getTitleAt', event.args.item);
    		  	        for(var i = 0; i < locationColorArray.length ;i++) {
    		    	         for(var j = 0; j < locationArray.length ;j++) {
    			      		 if($.trim(locationColorArray[i]) == $.trim(locationArray[j])){
    			                 $("#jqxTabs .jqx-tabs-title:eq(" + j + ")").css("border-color","");
    			              }
    		    	         }
    		           } 
    		  	    	if ($.inArray(location, locationColorArray)!=-1){ 
    		  	    	  $("#jqxTabs .jqx-tabs-title:eq(" + event.args.item + ")").css("border-color", "black");
    		  	    	}
    		  	    	
    		  	     
	    	    	  	 var rows = $("#" + location + "Grid").jqxGrid('getrows');
    		  	    	
				    	 if (rows === undefined || rows == '' ){
    			 	        
    			 	       if ($.inArray(location, checkLocationArrayForSave)==-1 ){
    			 	    	  checkLocationArrayForSave.push(location);
    			 	       }
    			 	    	 
    			 	        $.blockUI(); 
    	    	setTimeout(function()
    	    			{
    			 	       
    			 	    	  
    				 	       if(event.args.item!=0){
    				 	         locationLoad(location);
    				 	         locationExpRecLoad(location);
    				 	       }
    				 	         $.unblockUI();

    	    			},3000);
    			           } 
   
	 	     
	     	  }); 

[Peter StoevKeymaster]

Hi Akshar AK,

I am afraid that from the provided code I would not be able to tell what’s the issue on your side. My suggestion is to debug your data binding and especially the dataAdapter’s initialization. It has methods such as loadComplete, downloadComplete and loadError(visit its help topic page to learn more about them). These methods will help you to understand whether the data is loaded in the data adapter, whether it is at least downloaded from your server or whether there’s some connection or parsing error in case loadError gets hit.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts