EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on July 26, 2017, 08:03:22 AM

Title: [SOLVED] $.fn.panel.defaults override
Post by: Pierre on July 26, 2017, 08:03:22 AM

Hello
I try to override panel defaults:

Code:

$.extend($.fn.panel.defaults, {
  openDuration: 200,
  closeDuration: 200
});

but it does not work - how to override it, please?
Thank you.

Title: Re: $.fn.panel.defaults override
Post by: jarry on July 26, 2017, 05:26:03 PM

No problem, this code does override the default panel properties.

Code:

<script>
$.extend($.fn.panel.defaults, {
  openDuration: 200,
  closeDuration: 200
});
</script>

Title: Re: $.fn.panel.defaults override
Post by: Pierre on July 26, 2017, 10:51:39 PM

Thank you but it does not work for me.
Please check example here:
http://code.reloado.com/oeasyrik1/129/edit#preview
Thank you

Title: Re: $.fn.panel.defaults override
Post by: jarry on July 27, 2017, 12:46:05 AM

The 'openDuration' and 'closeDuration' properties are only valid when setting the 'openAnimation' and 'closeAnimation'. In your case, you used the native 'animate' method to slide your panel. You can set the 'duration' property when calling this 'animate' method.

Code:

$('#p').panel('panel').animate({right:0},100);  // show
$('#p').panel('panel').animate({right:-$(window).width()/2},100);  // hide

The updated example is available from http://code.reloado.com/oeasyrik1/130/edit#preview

Title: Re: $.fn.panel.defaults override
Post by: Pierre on July 27, 2017, 01:22:43 AM

Awesome, thank you so much ;D