Print Page - Haw can I change accordion panel icon?

Hi.

I try to change, using this sentence:

$('#acFiltros').accordion('getSelected').panel('options').IconCls = 'icon-filtro_activo_16';

or this

$('#acFiltros').accordion('getSelected').panel({iconCls: 'icon-filtro_16'});

but I cant.

Regardssss

The extended 'setIcon' method of panel can be called to change the header icon.

Code:

<script type="text/javascript">
$.extend($.fn.panel.methods, {
	setIcon: function(jq, iconCls){
		return jq.each(function(){
			var opts = $(this).panel('options');
			var header = $(this).panel('header');
			var icon = header.find('.panel-icon');
			var title = header.find('.panel-title');
			if (iconCls){
				if (!icon.length){
					icon = $('<div class="panel-icon"></div>').appendTo(header);
				}
				icon.removeClass(opts.iconCls).addClass(iconCls);
				title.addClass('panel-with-icon');
			} else {
				title.removeClass('panel-with-icon');
				icon.remove();
			}
			opts.iconCls = iconCls;
		});
	}
});
</script>

Please call:

Code:

$('#acFiltros').accordion('getSelected').panel('setIcon', 'icon-filtro_activo_16');

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jmansur on May 31, 2016, 07:02:00 AM