Print Page - [SOLVED] How to hide tools on Layout Region?

General Category => EasyUI for jQuery => Topic started by: Pierre on September 01, 2016, 05:11:09 AM

Title: [SOLVED] How to hide tools on Layout Region?
Post by: Pierre on September 01, 2016, 05:11:09 AM

Hello
How to hide tools declared on region?
I try with

$('#t1').hide();

but it does not work.

Thank you.

Title: Re: How to hide tools on Layout Region?
Post by: jarry on September 01, 2016, 05:37:36 AM

How do you define the "#t1" and the tools? Please show an example or some code snippets to demonstrate your issue.

Title: Re: How to hide tools on Layout Region?
Post by: Pierre on September 01, 2016, 06:49:18 AM

Hello Jarry
here is quick example:

http://code.reloado.com/oeasyrik1/42/edit#preview

Thank you.

Title: Re: How to hide tools on Layout Region?
Post by: jarry on September 01, 2016, 07:30:34 AM

Here is the extended method to show to hide the custom tools.

Code:

<script>
(function($){
	function setVisible(target, visible){
		var opts = $(target).panel('options');
		var tc = $(target).panel('header').find('.panel-tool');
		tc.find('.panel-tool-a').css('display', visible?'inline-block':'none');
		if ($.isArray(opts.tools)){
			for(var i=0; i<opts.tools.length; i++){
				tc.find('.'+opts.tools[i].iconCls).css('display', visible?'inline-block':'none');
			}
		}
	}
	$.extend($.fn.panel.methods, {
		showTools: function(jq){
			return jq.each(function(){
				setVisible(this, true);
			});
		},
		hideTools: function(jq){
			return jq.each(function(){
				setVisible(this, false);
			});
		}
	})
})(jQuery);
</script>

The updated example is availe from here:
http://code.reloado.com/oeasyrik1/43/edit#preview

Title: Re: How to hide tools on Layout Region?
Post by: Pierre on September 01, 2016, 07:52:29 AM

Awesome, thank you so much.

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on September 01, 2016, 05:11:09 AM