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: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Resize PivotView without Refresh all component (BUG)

Thread ID:

Created:

Updated:

Platform:

Replies:

149942 Dec 15,2019 10:30 PM UTC Dec 16,2019 12:02 PM UTC JavaScript - EJ 2 1
loading
Tags: PivotView
vitor de Paula
Asked On December 15, 2019 10:30 PM UTC

I need to programmatically set Width and Height of PivotView. 
How can i do this without call method "Refresh", this method force recreate all component.

Other problem is, when i set Width and Height  and call Refresh(), the component start consuming memory indefinitely.

The problem is a spinner global timout cicle never stop even with class 'e-panel-hide' hiding the element.

I acn see the spinner but the execution of "function animateMaterial(spinnerInfo) { " never stop.

Thanks

Sivamathi Natarajan [Syncfusion]
Replied On December 16, 2019 12:02 PM UTC

 
Thanks for contacting Syncfusion support. 
 
The method “refresh()” will destroy and re-render the entire control. Also, calling the method isn’t required where the control will be refreshed automatically while changing the “height” and “width” properties dynamically. So, remove the method then check the same. If you still facing the reported memory problem, then turn off (using setProperties option) the control refresh while changing the properties and call the method “layoutRefresh()” to refresh the control manually.  
 
We have prepared a sample with the above mentioned option for your reference which is available in the below link. 
 
Code Example: 
 var button = new ej.buttons.Button({ isPrimary: true }); 
    button.appendTo('#Refresh'); 
    button.element.onclick = function (args) { 
       if (pivotObj.height == 250 && pivotObj.width == '100%') { 
         pivotObj.setProperties({height:500,width: '80%'},true); 
       } 
       else if (pivotObj.height == 500&& pivotObj.width == '80%') { 
          pivotObj.setProperties({height:300,width: '50%'},true); 
       } 
       else { 
        pivotObj.setProperties({height:250,width: '100%'},true); 
       } 
       pivotObj.layoutRefresh(); 
    }; 
 
 
 
We hope that the above sample will meet your requirement. 
 
Regards, 
Sivamathi. 


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon