GridFilter Extension for 3.x

**jthevenoux** · 7 Jul 2009 1:26 AM

Nobody say there's a bug :

index = cm.getIndexById(item.itemId.substr(4));

index = cm.getIndexById(item.getItemId().substr(4));

So, "real" Ext 3.0, doesn't include correction ...

**sabiola** · 7 Jul 2009 3:47 AM

Hello,

with RC3 my filter where working. Now with 3.0 Final I get this error:

this.toolbar.paramNames is undefined
var start = this.toolbar.paramNames.start;
in GridFilters.js (Linie 314)

Somebody with an idea?

Thanks and greetings,
Stefan

**mjlecomte** · 7 Jul 2009 3:58 AM

Try replacing with

Code:

var start = this.grid.getStore().paramNames.start;

**sabiola** · 7 Jul 2009 4:14 AM

Hello,

Originally Posted by mjlecomte

Try replacing with

Code:

var start = this.grid.getStore().paramNames.start;

this works :-)

Thanks,
Stefan

**bumz** · 9 Jul 2009 3:26 AM

Think better to replace with this code, as it will use this.toolbar private variable

Code:

this.toolbar.getParams().start;

UPD: code

**mjlecomte** · 9 Jul 2009 4:27 AM

Originally Posted by bumz

Think better to replace with this code, as it will use this.toolbar private variable

Code:

this.toolbar.getParams().paramNames.start;

But, as you said, that's a private variable (and method?).....and that method is only there for deprecation of toolbar.paramNames property. Seems better to go directly to the store where it's a public config/property that is not deprecated.

**bumz** · 9 Jul 2009 5:04 AM

Yep, i've used private variable toolbar. Is it wrong when making fixes to plugin? I've put a function instead of deprecated variable. That's all. So plugin can access to toolbar's getPrams() instead of store. I know it's actually the same.

by the way: I've made a little mistake in my code and now updated it.

**mjlecomte** · 9 Jul 2009 5:51 AM

Originally Posted by bumz

Yep, i've used private variable toolbar. Is it wrong when making fixes to plugin? I've put a function instead of deprecated variable. That's all. So plugin can access to toolbar's getPrams() instead of store. I know it's actually the same.

by the way: I've made a little mistake in my code and now updated it.

There's more of an effort to main consistency for the publicly documented class properties. getParams() is undocumented so may change. getParams() was only introduced to facilitate honoring a deprecated property in the toolbar, so getParams() may be removed in future release since it's only there to handle deprecated item.

The store properties are not listed as deprecated and are public, so there's better chance it will remain as is in future releases.

**bumz** · 9 Jul 2009 7:06 AM

Originally Posted by mjlecomte

There's more of an effort to main consistency for the publicly documented class properties. getParams() is undocumented so may change. getParams() was only introduced to facilitate honoring a deprecated property in the toolbar, so getParams() may be removed in future release since it's only there to handle deprecated item.

The store properties are not listed as deprecated and are public, so there's better chance it will remain as is in future releases.

Okay, i thought it was a new undocumented function

Never thought I'll have an undocumented function to facilitate honoring a deprecated property.

**narutobaka** · 10 Jul 2009 12:41 AM

I everyone ,

I've got some probleme with grid-filter.

Don't know if it's the good post for ask help.

I use ext-3.0.0 with 0.2.8 grid-filter plugin.

Code:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    
    <script type="text/javascript" src="grid_filter/ux/menu/EditableItem.js"></script>
    <script type="text/javascript" src="grid_filter/ux/menu/RangeMenu.js"></script>
    
    <script type="text/javascript" src="grid_filter/ux/grid/GridFilters.js"></script>

    <script type="text/javascript" src="grid_filter/ux/grid/filter/Filter.js"></script>
    <script type="text/javascript" src="grid_filter/ux/grid/filter/StringFilter.js"></script>
    <script type="text/javascript" src="grid_filter/ux/grid/filter/DateFilter.js"></script>
    <script type="text/javascript" src="grid_filter/ux/grid/filter/ListFilter.js"></script>
    <script type="text/javascript" src="grid_filter/ux/grid/filter/NumericFilter.js"></script>
    <script type="text/javascript" src="grid_filter/ux/grid/filter/BooleanFilter.js"></script>
    
    <script>
            function init()
            {
                //récupération des données à afficher
                var store=new Ext.data.JsonStore
                (
                    {
                        url:"fichier_donnee.php",
                        root:"data",
                        //définition du format des données
                        fields:
                        [
                            {name:"id"},
                            {name:"nom"},
                            {name:"prenom"},    
                            {name:"age",type:"int"}
                        ]
                    }
                );
                
                var filters = new Ext.ux.grid.GridFilters
                (
                    {
                        filters:
                        [
                            //{type: 'numeric',  dataIndex: 'id'},
                            {type: 'string',dataIndex: 'nom'},
                            //{type: 'string',dataIndex: 'prenom'},
                            //{type: 'string',dataIndex: 'age'}
                            //{type: 'date',  dataIndex: 'dateAdded'},
                            //{type: 'list',dataIndex: 'size',options: ['extra small', 'small', 'medium', 'large', 'extra large'],phpMode: true},
                            //{type: 'boolean', dataIndex: 'visible'}
                        ]
                    }
                );
                                
                var grid=new Ext.grid.GridPanel
                (
                    {
                        renderTo : Ext.getBody(),
                        store:store,
                        height:500,
                        width:700,
                        plugins: filters,
                        sm : new Ext.grid.RowSelectionModel({singleSelect:true}),
                        listeners : 
                        {
                            rowclick : function(g,index)
                            {
                                //alert(index);    
                                var rec=store.getAt(index); //de type record
                                //avant d'accèder au valeur de l'id il faut penser à l'ajouter à la liste des champs dans la création des fields
                                var num_bon=rec.get("id");
                                
                                ////////////////////////////////////////////////////////
                                //uniquement compatible ie
                                //window.location.href("test1.html?num_bon="+num_bon)
                                ////////////////////////////////////////////////////////
                                
                                ////////////////////////////////////////////////////////
                                //compatible ie,firefox
                                document.location="test1.html?num_bon="+num_bon;
                                ////////////////////////////////////////////////////////
                                
                                //alert (num_bon);
                            }
                        },// ne pas oublier la virgule il d'agit d'une liste JSon
                        columns:
                        [
                            {header:"Nom du mec",dataIndex:"nom",width:200,sortable:true},
                            {header:"Prenom du mec",dataIndex:"prenom",width:200,sortable:true},
                            {header:"Age du mec",dataIndex:"age",width:200,sortable:true}
                        ]
                    }
                );
                
                /*var win = new Ext.Window
                (
                    {
                        title:"test",
                        width: 600,
                        height: 450,
                        items:grid,
                        maximize:true
                    }
                );*/
                            
                store.load();
                //win.show();
            }
            Ext.onReady(init);
    </script>
</head>
<body>
</body>
</html>

When I use the filter nothing append on the data I want to filter.

I'm a noob in EXTJS and ask for help.

thanks.

GridFilter Extension for 3.x

Thread Tools

Search Thread

Display