EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: devnull on May 21, 2020, 03:06:03 AM

Title: rotating the combo arrow when dropped down [solved]
Post by: devnull on May 21, 2020, 03:06:03 AM

Is there an easy way of rotating the combo drop down panel icon arrow when the panel is open ?

Title: Re: rotating the combo arrow when dropped down
Post by: devnull on May 21, 2020, 03:22:17 AM

Oops solved it myself:

Code:

a.textbox-icon.combo-arrow.open {
  transform: rotate(180deg);
  background-color: pink;
}

Code:

var pan = me.combo('panel');
    pan.panel({
      openAnimation   : 'slide',
      closeAnimation  : 'slide',
      onOpen: function(){
        me.combo('getIcon', 0).addClass('open');
      },
      
      onClose: function(){
        me.combo('getIcon', 0).removeClass('open');  
      }
    });