Hide/show GridPanel HeaderFilter

  1. #1

    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!
  2. #2
    Hi @icetronics,

    Welcome to the Ext.NET forums!

    Please try:
    var fields = App.GridPanel1.filterHeader.fields,
        i = 0, 
        len = fields.length;
    
    for (; i < len; i++) {
        fields[i].hide();
    }
  3. #3
    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:

    $('.x-column-header > .x-box-inner').slideToggle();
    Thanks
  4. #4
    Quote Originally Posted by icetronics View Post
    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.
    http://examples2.ext.net/#/GridPanel...ader/Overview/

Similar Threads

  1. [CLOSED] GridPanel columns Show/Hide Handler
    By vadym.f in forum 1.x Premium Help
    Replies: 1
    Last Post: Mar 06, 2013, 4:20 PM
  2. Replies: 1
    Last Post: Jan 08, 2013, 5:00 AM
  3. Dynamically show/hide gridpanel header checkbox
    By chrisronaldo in forum 1.x Help
    Replies: 0
    Last Post: Oct 02, 2012, 10:43 AM
  4. GridPanel Hide/Show Columns
    By vs.mukesh in forum 1.x Help
    Replies: 1
    Last Post: Oct 30, 2010, 5:29 PM
  5. [CLOSED] Show/hide GridPanel columns during DirectEvent
    By jmcantrell in forum 1.x Premium Help
    Replies: 1
    Last Post: Sep 20, 2010, 9:51 PM

Tags for this Thread

Posting Permissions