1. #191
    Sencha Premium Member andrei.neculau's Avatar
    Join Date
    Jul 2007
    Location
    Sweden
    Posts
    197
    Vote Rating
    0
    andrei.neculau is on a distinguished road

      0  

    Default


    A license clarification would be good to have (to be included in the git repo as well)

    Thanks

  2. #192
    Sencha User BillySao's Avatar
    Join Date
    Jan 2013
    Posts
    29
    Vote Rating
    1
    BillySao is on a distinguished road

      1  

    Default


    I am working with Extjs plugin V 4.2.2 and version2013-11-15 by Loiane Groner.
    I have the following questions:
    1 - The header columns are not filtering completely:

    header.png


    2 - At the scroll bar when there are many columns creates a strange and misaligned causing confusion:
    Scroll.png

    3 - The button to clean the filters does not look:

    Clear.png

    Is there any solution?.
    BillySao
    Developer and Analyst

  3. #193
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    5
    Vote Rating
    -1
    cow_boy has a little shameless behaviour in the past

      -1  

    Default


    Yes there is a solution but i will not answer.Ha ha ha.

  4. #194
    Ext JS Premium Member
    Join Date
    Sep 2010
    Posts
    361
    Vote Rating
    6
    stewardsencha is on a distinguished road

      0  

    Default


    Really nice plugin. Thank you.
    Less mousing than the features filter, and nice to have a visual clue for the current filter.

    We can't alll be css cowboys. I too do not have the smarts to figure out #3... the issue with the glass/X icons.

    This is my best guess at a fix...

    Code:
        //private
        renderButtons: function() {
            var me = this;
    
            if (me.showShowHideButton && me.columns.getCount()) {
                var column = me.actionColumn || me.extraColumn;
                var buttonEl = column.el.first().first();
                me.showHideEl = Ext.get(Ext.core.DomHelper.append(buttonEl, {
                    tag: 'div',
                    style: 'position: absolute; width: 16px; height: 16px; top: 5px; cursor: pointer; left: ' + parseInt((column.el.getWidth() - 16) / 2) + 'px',
                    cls: me.showHideButtonIconCls,
                    'data-qtip': (me.renderHidden ? me.showHideButtonTooltipDo : me.showHideButtonTooltipUndo)
                }));
                me.showHideEl.on('click', function() {
                    me.setVisible(!me.isVisible());
                    me.showHideEl.set({
                        'data-qtip': (!me.isVisible() ? me.showHideButtonTooltipDo : me.showHideButtonTooltipUndo)
                    });
                });
            }
    
            /*      dsm 29 apr 14 : Clear (red X) button not shown correctly
                    Not sure what I am doing here.
    
                    a) change top from 25px to 5px for *both* style properties (above and below)
                    b) add show on click below
                    c) add hide on click in applyFilters method
            */
            if (me.showClearAllButton && me.columns.getCount()) {
                var column = me.actionColumn || me.extraColumn;
                var buttonEl = column.el.first().first();
                me.clearAllEl = Ext.get(Ext.core.DomHelper.append(buttonEl, {
                    tag: 'div',
                    style: 'position: absolute; width: 16px; height: 16px; top: 5px; cursor: pointer; left: ' + parseInt((column.el.getWidth() - 16) / 2) + 'px',
                    cls: me.clearAllButtonIconCls,
                    'data-qtip': me.clearAllButtonTooltip
                }));
    
                me.clearAllEl.hide();
                me.clearAllEl.on('click', function() {
    
                    me.showHideEl.show(); /* dsm 29 apr 14 : see also applyFilters */
    
                    me.clearFilters();
                });
            }
        },
    Code:
        // private
        applyFilters: function(field) {
            if (!field.isValid()) return;
            var me = this,
                grid = me.grid,
                column = me.columns.get(field.dataIndex),
                newVal = (grid.store.remoteFilter ? field.getSubmitValue() : field.getValue());
    
            /*  dsm 29 apr 14 : probably in the wrong place... we have the red X not appearing on the filter row,
                instead it is on the header row where the magnifying glass icon is to show/hide the filter row.
                We'd like it on the filter row, but try this...
            */
            if (me.showShowHideButton){ // dsm 23 may 14
                me.showHideEl.hide(); // Hides the glass? Yes. See dsm tag same date above to show it again
            }

    I dunno if that if that is kosher, but it seems okay for now.

    I see this in the comments...

    * Applied a fix to rendering the column headers using the code from:
    * http://www.sencha.com/forum/showthre...=1#post1002888

    ... but the link does not lead to the post?

  5. #195
    Sencha User
    Join Date
    May 2010
    Posts
    2
    Vote Rating
    0
    ognibendi2 is on a distinguished road

      0  

    Default


    Hi, anybody got it working on ExtJS5?
    I'm experiencing a problem with the grid.store.clearFilter() method not working
    in the applyFilters function but i havent found a fix yet.
    Thx

  6. #196
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    289
    Vote Rating
    3
    wki01 is on a distinguished road

      0  

    Default


    Any plans to upgrade for 5 ExtJS ?

    thank you very much

  7. #197
    Sencha User olecom's Avatar
    Join Date
    Oct 2011
    Location
    Republic of Belarus
    Posts
    32
    Vote Rating
    1
    olecom is on a distinguished road

      0  

    Default filtering from code

    filtering from code


    Quote Originally Posted by cow_boy View Post
    How to make initial filtering ? For example, i want one of my columns to be filtered on grid load.
    https://github.com/loiane/Ext.ux.gri...644eef8360eff4

  8. #198
    Sencha User
    Join Date
    May 2014
    Posts
    1
    Vote Rating
    0
    G1yyK is on a distinguished road

      0  

    Default


    Hello.

    Why this plugin dont work with the TreeGrid, TreeGrid is grid same?
    FilterBar shows search fields, but not sends request to server.

  9. #199
    Sencha User loiane's Avatar
    Join Date
    Aug 2009
    Posts
    183
    Vote Rating
    52
    loiane is a jewel in the rough loiane is a jewel in the rough loiane is a jewel in the rough

      0  

    Default


    Quote Originally Posted by G1yyK View Post
    Hello.

    Why this plugin dont work with the TreeGrid, TreeGrid is grid same?
    FilterBar shows search fields, but not sends request to server.
    The plugin is only a helper. All the filter work is done by the store and your queries on the server.
    Try adding remoteFilter: true in your store to see what is going to be sent to the server so you can handle it accordingly.
    Sencha/Java evangelist
    Author of ExtJS 4 First Look and Mastering Ext JS books
    English blog: http://loianegroner.com
    Portuguese blog: http://loiane.com
    Sencha Examples: https://github.com/loiane