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
    27
    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
    0
    cow_boy is an unknown quantity at this point

      0  

    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
    354
    Vote Rating
    5
    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
    1
    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
    278
    Vote Rating
    1
    wki01 is on a distinguished road

      0  

    Default


    Any plans to upgrade for 5 ExtJS ?

    thank you very much