1. #31
    Sencha User
    Join Date
    May 2012
    Posts
    1
    Vote Rating
    0
    Pigor is on a distinguished road

      0  

    Default


    Hello,

    I want to filter the buffered records. I know that it isn't possible with extjs4 but is it possible with this plugin?

    Thank you

  2. #32
    Sencha User
    Join Date
    Sep 2009
    Posts
    4
    Vote Rating
    0
    karaozgur is on a distinguished road

      0  

    Default


    Hi,

    Thanks for plugin.

    If grid has locked column, header filter does not works.
    Here is my fix for it:

    Code:
        renderFilters: function () {
           ...
            var columns = this.grid.view.getGridColumns(); //var columns = this.grid.headerCt.getGridColumns(true);
            ...
        adjustFilterWidth: function () {
           ...
            var columns = this.grid.view.getGridColumns(); //this.grid.headerCt.getGridColumns(true);
           ...

  3. #33
    Sencha User
    Join Date
    Mar 2012
    Posts
    27
    Vote Rating
    0
    mrhomer is on a distinguished road

      0  

    Default


    I get an error in line 553 filterField' is undefined in the HeaderFilters.js. That is when i use the function setHeaderFilter

    Fix please

    Thanks

  4. #34
    Ext JS Premium Member mcouillard's Avatar
    Join Date
    Jun 2008
    Location
    Bucks County, PA
    Posts
    104
    Vote Rating
    10
    mcouillard will become famous soon enough

      0  

    Exclamation initFilterFields fix to setFieldValue

    initFilterFields fix to setFieldValue


    Here's a fix to manually setting column filters, like when setting default filters on page load.

    Code:
    initFilterFields: function(filters)
        {
            if(!this.fields)
                return;
    
            for(var fn in  filters)
            {
                var value = filters[fn];
                var field = this.fields[fn];
                if(field)
                {
                    //this.setFieldValue(filterField, initValue); //wrong!
                    this.setFieldValue(field,value);             //fixed!
                }
            }
        },

  5. #35
    Sencha User
    Join Date
    Dec 2009
    Posts
    25
    Vote Rating
    2
    qwikso is on a distinguished road

      0  

    Default Missing support for the grid reconfiguration

    Missing support for the grid reconfiguration


    Hi d.zucconi,
    I'm using this plugin more than two years and I'm absolutely satisfied. Now we are thinking about migrating to ExtJS 4.x but I've already found out, that there is any support for grid reconfiguration - this is unfortunately a very important functionality in our application and it's now a 'blocker' for us

    Please, which priority has this feature in your TODO list resp. when can we expect it?

    Thanks a lot.
    Best regards
    qwikso

  6. #36
    Sencha User prijithkr's Avatar
    Join Date
    Jun 2012
    Posts
    54
    Vote Rating
    6
    prijithkr is on a distinguished road

      0  

    Default


    Object Expected Error

    Happy to know that they have a GridHeader Plugin for EXT 4.1 too
    But i am still facing problem in including it to the code, i tried implementing it in a basic code, still i get an exception

    I think i am missing something in including the plug in....

    This is my app.js file

    Code:
    Ext.Loader.setConfig({enabled:true});
    JPMC = Ext.create("Ext.app.Application",{
        name: 'JPMC',
        appFolder: 'app',
        launch: function() {
     
    Ext.create('Ext.data.Store', {
        storeId:'simpsonsStore',
        fields:['name', 'email', 'phone'],
        data:{'items':[
            { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
            { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
            { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
            { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
        ]},
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                root: 'items'
            }
        }
    });
    Ext.create('Ext.grid.Panel', {
        title: 'Simpsons',
        store: Ext.data.StoreManager.lookup('simpsonsStore'),
     plugins: [new Ext.ux.grid.GridHeaderFilters()],
        columns: [
            { header: 'Name',  dataIndex: 'name', filter: {xtype:"textfield", filterName:"Name"} },
            { header: 'Email', dataIndex: 'email', flex: 1,filter: {xtype:"textfield", filterName:"Email"} },
            { header: 'Phone', dataIndex: 'phone', filter: {xtype:"textfield", filterName:"Phone"} }
        ],
        height: 200,
        width: 400,
        renderTo: Ext.getBody()
    });
        }
    
    });

    I have also copy pasted the GridHeaderFilter.js inside the src/ux/grid folder and included it in my HTML file too


    Code:
    <html>
    <head>
        <title>JPMC Compliance</title>
        <link rel="stylesheet" type="text/css" href="extjs-4.1/resources/css/ext-all.css">
     <link rel="stylesheet" type="text/css" href="resources/css/compliance.css">
     
        <script type="text/javascript" src="extjs-4.1/ext-all.js"></script>
     <script type="text/javascript" src="extjs-4.1/src/ux/grid/GridHeaderFilters.js"></script>
     <script type="text/javascript" src="app.js"></script>
     <script type="text/javascript">
            Ext.Loader.setPath({
                'Ext.ux': 'extjs-4.1/src/ux/'
            });
            Ext.require([
          
                'Ext.ux.grid.GridHeaderFilters',
                'Ext.grid.*'
             
            ]);
        </script>
     
     
     
    </head>
    <body>
    </body>
    </html>
    But still i get an Object expected error, Am I missing something in including the plug in or am I doing anything extra? Please help me, I am very new to EXTJS,

  7. #37
    Sencha User Jad's Avatar
    Join Date
    Feb 2012
    Location
    annecy france
    Posts
    61
    Vote Rating
    1
    Jad is on a distinguished road

      0  

    Default field with width 50%

    field with width 50%


    Hello
    I have a column like this
    Code:
    {
                        header: 'Creation Date',
                        dataIndex: 'creationDate',
                        renderer: function(value) { return value ? Ext.Date.format(new Date(value), Ext.Date.patterns.ShortDate) : ''; },
                        flex: 1,
                        field: 'textfield',
                        format: Ext.Date.patterns.ShortDate,
                        filter: [
                            Ext.create('Ext.form.field.Date', {
                                filterName:"CDFrom",
                                format: Ext.Date.patterns.ShortDate,
                                hideLabel :true,
                                listeners: {
                                    change: function(field, newValue, oldValue) {
                                        headerFilterPlugin.applyFilters();
                                    },
                                    buffer: 200
                                }
                            }),
                            Ext.create('Ext.form.field.Date', {
                                filterName:"CDTo",
                                format: Ext.Date.patterns.ShortDate,
                                hideLabel :true,
                                listeners: {
                                    change: function(field, newValue, oldValue) {
                                        headerFilterPlugin.applyFilters();
                                    },
                                    buffer: 200
                                }
                            })
                        ]
                    }
    How can i have this 2 fields in the same line with width 50%

    Thanks for help

  8. #38
    Sencha User Jad's Avatar
    Join Date
    Feb 2012
    Location
    annecy france
    Posts
    61
    Vote Rating
    1
    Jad is on a distinguished road

      0  

    Default


    maybe very bad a solution :

    Code:
    me.addListener('headerfiltersrender', function (grid, filters) {
                var resize = function (component) {
                    component.anchor = '50%';
                    component.doComponentLayout();
                };
    
    
                resize(filters.CDFrom);
                resize(filters.CDTo);
    
    
            }, me);

  9. #39
    Sencha User
    Join Date
    Jan 2012
    Posts
    7
    Vote Rating
    -3
    pierluigi can only hope to improve

      -1  

    Default How To Install Grid Header Filters

    How To Install Grid Header Filters


    Sorry, my question is very simple:
    How to install this plugin? Where I put the file?

    Thanks

  10. #40
    Sencha User Jad's Avatar
    Join Date
    Feb 2012
    Location
    annecy france
    Posts
    61
    Vote Rating
    1
    Jad is on a distinguished road

      0  

    Default where install the file

    where install the file


    Hello you can install the file like this

    yourAppFolder/Ext/ux/grid/GridHeaderFilters.js