Hide/show GridPanel HeaderFilter

Hi!

I would like to place a button on top of my GridPanel that toggles the HeaderFilter row. How could I do it?

Thanks much in advance!

Hi @icetronics,

Welcome to the Ext.NET forums!

Please try:

Code:

---

var fields = App.GridPanel1.filterHeader.fields,
    i = 0,
    len = fields.length;

for (; i < len; i++) {
    fields[i].hide();
}

---

Hi Daniil,

Thanks for this. Unfortunately it leaves the gray bar as wide when the filters are there, I thought it would slide up. Besides, it is unbelievably slow! I don't understand how, but it takes 2-3 secs and the browser (chrome) freezes executing this code. Is there any better way to do this? I think I'll stay with toggling these fields with jQuery like this:

Code:

---

$('.x-column-header > .x-box-inner').slideToggle();

---

Thanks

Quote:

---

Originally Posted by icetronics

Thanks for this. Unfortunately it leaves the gray bar as wide when the filters are there, I thought it would slide up. Besides, it is unbelievably slow! I don't understand how, but it takes 2-3 secs and the browser (chrome) freezes executing this code.[/CODE]

---

I cannot reproduce the issues with this example.
https://examples2.ext.net/#/GridPane...ader/Overview/