Results 1 to 5 of 5

Thread: Grid's Filter feature works wrong with Lockable column

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-9338 in 4.2.3.
  1. #1
    Sencha User
    Join Date
    Mar 2013
    Location
    Toronto, Canada
    Posts
    86
    Vote Rating
    6
      0  

    Default Grid's Filter feature works wrong with Lockable column

    REQUIRED INFORMATION


    Ext version tested:

    • Ext 4.2.0.663



    Browser versions tested against:

    • IE9
    • FF19.0



    Description:

    • Grid's Filter feature works wrong with Lockable column



    Steps to reproduce the problem:

    • Create the GridPanel with a locked column
    • Add filters feature to the Grid
    • Set filter for the locked column
    • Unlock column using column header menu



    The result that was expected:

    • Header menu of the column should have menu item for filtering



    The result that occurs instead:

    • Header menu of the column doesn't have menu item for filtering



    Test Case:

    Code:
        <html>
        <head>
            <link rel="stylesheet" href="resources/ext-theme-gray/ext-theme-gray-all.css" type="text/css" />
            <script type="text/javascript" src="ext-all-debug.js"></script>
            <script type="text/javascript" src="gridfilters.js"></script>
        </head>
        
        <body id="ext-body">
            <script>
                Ext.onReady(function () {
                    Ext.create("Ext.grid.Panel", {
                        border: false,
                        renderTo: Ext.getBody(),
                        columns: {
                            items: [{
                                    dataIndex: "Id",
                                    text: "ID"
                                }, {
                                    locked: true,
                                    dataIndex: "Company",
                                    text: "Company"
                                }
                            ]
                        },
                        store: Ext.create("Ext.data.Store", {
                            model: Ext.define(Ext.id(), {
                                extend: "Ext.data.Model",
                                fields: [{
                                        name: "Id",
                                        type: "int"
                                    }, {
                                        name: "Company",
                                        type: "string"
                                    }
                                ],
                                idProperty: "Id"
                            }),
                            autoLoad: true,
                            sorters: [{
                                    direction: "ASC",
                                    property: "Company"
                                }
                            ],
                            pageSize: 10,
                            proxy: {
                                data: [{
                                        "Id": 1,
                                        "Company":"3m Co"
                                    }
                                ],
                                type: 'memory'
                            }
                        }),
                        features: [{
                                ftype: "filters",
                                local: true,
                                filters: [{
                                        dataIndex: "Company",
                                        type: "string"
                                    }
                                ]
                            }
                        ]
                    });
                });
            </script>
        </body>
    </html>

    HELPFUL INFORMATION

    Screenshot or Video:




    Additional CSS used:

    • only default ext-all.css



    Operating System:

    • Win7 Pro
    Daulet Urazalinov

    Twitter | LinkedIn

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,421
    Vote Rating
    1271
      0  

    Default

    Using IE9 I see the filter menu item just fine

    Screen Shot 2013-04-03 at 8.08.52 AM.png
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Apr 2013
    Posts
    1
    Vote Rating
    0
      0  

    Default

    Hi ,

    please unlock the column, and look to the column header for the filters.

    Best regards

    New member Thomas

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,421
    Vote Rating
    1271
      0  

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  5. #5
    Sencha User
    Join Date
    Feb 2012
    Posts
    40
    Vote Rating
    41
      0  

    Default What's the status of this?

    In 4.2.1 I find that locking/unlocking a filtered column results in the filters disappearing on that column when it appears on the other side. Restore the original locked status and the filters are still there. Results remain filtered throughout but having the filter disappear on the columns is obviously a problem.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •