[CLOSED] Add filter button to grid column header

  1. #1

    [CLOSED] Add filter button to grid column header

    Is it possible to add a tool button to a grid column header? For example, I want to add a Filter icon to the grid column header that when clicked will launch a column filter dialog. I attached a sample image of how our existing grid looks.

  2. #2

    RE: [CLOSED] Add filter button to grid column header


    It is not so easy accomplish. Many changes in ExtJS code

    1. Need change header cell template (GridView.js, initTemplates function, hcell template)
    2. Intercept click (GridPanel.js, onClick function changing), check target (for example e.getTarget().hasClass('my-filter-icon-Company')) and if target is correct then performs own action

    May be it is better to create second HeaderRow with filter buttons?

Similar Threads

  1. ¿ GridView how to hide the column header filter ?
    By xtremexploit in forum 1.x Help
    Replies: 6
    Last Post: May 07, 2012, 4:24 PM
  2. Replies: 8
    Last Post: Sep 13, 2011, 9:47 PM
  3. [CLOSED] Problem Creating Dynamic Header column for filter
    By legaldiscovery in forum 1.x Legacy Premium Help
    Replies: 12
    Last Post: Jun 23, 2011, 7:59 AM
  4. Replies: 0
    Last Post: Jun 21, 2011, 1:18 PM
  5. Replies: 3
    Last Post: Aug 13, 2010, 5:25 PM

Posting Permissions