What is EXT JS's method to use "display:none"

hide visibility show-hide extjs
macha picture macha · Mar 23, 2011 · Viewed 13.1k times · Source

Hello I have to load an ajax element into div. That div would earlier have another sub div by the name div1, and to remove/hide the div1, I am doing a Ext.get('div1').hide(). But this is doing a visibility:hidden, rather than doing a display:none.

I wanted to know what is the method to do a display:none rather than a visibility:hidden.

Answer

Robby Pond picture Robby Pond · Mar 23, 2011

You have to change the visibility mode to display.

var element = Ext.get('div1');
element.setVisibilityMode(Ext.Element.DISPLAY);
element.hide();

Related questions

Use jQuery to hide a DIV when the user clicks outside of it

I am using this code: $('body').click(function() { $('.form_wrapper').hide(); }); $('.form_wrapper').click(function(event){ event.stopPropagation(); }); And this HTML: <div class="form_wrapper"> <a class="agree" href="javascript:;">I Agree</a&…

Read More
How can I hide/show a div when a button is clicked?

I have a div that contains a register wizard, and I need hide/show this div when a button is clicked. How can I do this? Below I show you the code. Thanks :) <div id="wizard" class="swMain"> &…

Read More
Hide/Show Column in an HTML Table

I have an HTML table with several columns and I need to implement a column chooser using jquery. When a user clicks on a checkbox I want to hide/show the corresponding column in the table. I would like to …

Read More