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

Subscribe to this post

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

Reply | Reply with quote

Sivamathi Natarajan [Syncfusion]

Replied On December 16, 2019 12:02 PM UTC

Hi vitor,

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();

};

Sample Link: https://stackblitz.com/edit/hhpykz-7n3krw?file=index.js

We hope that the above sample will meet your requirement.

Regards,

Sivamathi.

Reply | Reply with quote

Resize PivotView without Refresh all component (BUG)

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US