Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJSIV-5490 in 4.1.
  1. 29 Feb 2012 1:41 AM #1
    df1
    df1 is offline
    Ext JS Premium Member
    Join Date
    Jan 2011
    Posts
    18
    Vote Rating
    0
    df1 is on a distinguished road
      0  

    Default [4.1B3] Possible bug when grouping by a template column in a grid

    [4.1B3] Possible bug when grouping by a template column in a grid


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.1 Beta 3
    Browser versions tested against:
    • Chrome 16
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description:
    • I created a grid with one of the column was an XTemplate, showing another field's value by qtip. However, when grouping by the template column, the HTML messes up. (see screenshot)
    Steps to reproduce the problem:
    • see the code below
    The result that was expected:

    The result that occurs instead:
    • see screenshot
    Test Case:

    Here is a simple test case with states.json.

    The JS
    Code:
    Ext.tip.QuickTipManager.init();
Ext.define('model', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'abbr'
    }, {
        name: 'name'
    }],
    proxy: {
        type: 'ajax',
        method: 'GET',
        url: 'states.json',
        reader: {
            type: 'json',
            totalProperty: 'total',
            root: 'data'
        }
    }
});


store = new Ext.data.Store({
    autoLoad: true,
    type: 'json',
    model: 'model',
    groupField: 'abbr'
});


Ext.onReady(function() {


    Ext.create('Ext.container.Viewport', {
        layout:'fit',
        items: [
        {
            xtype: 'grid',
            title: 'test',
            store: store,
      columns: [
          {
              xtype: 'templatecolumn',
              tpl: '<div data-qtip="{name}">{abbr}</div>',
              dataIndex: 'abbr',
              text: 'abbr'
          }
      ],      
      features: [
          {
              ftype: 'grouping'
          }
      ]
        }
        ]
    });




});

    The states.json
    Code:
    {
records: 51,
data: [
        {
            "abbr": "AL",
            "name": "Alabama",
            "slogan": ""
        },
        {
            "abbr": "AK",
            "name": "Alaska",
            "slogan": ""
        },
        {
            "abbr": "AZ",
            "name": "Arizona",
            "slogan": ""
        },
        {
            "abbr": "AR",
            "name": "Arkansas",
            "slogan": ""
        },
        {
            "abbr": "CA",
            "name": "California",
            "slogan": ""
        },
        {
            "abbr": "CO",
            "name": "Colorado",
            "slogan": ""
        },
        {
            "abbr": "CT",
            "name": "Connecticut",
            "slogan": ""
        },
        {
            "abbr": "DE",
            "name": "Delaware",
            "slogan": ""
        },
        {
            "abbr": "DC",
            "name": "District of Columbia",
            "slogan": ""
        },
        {
            "abbr": "FL",
            "name": "Florida",
            "slogan": ""
        },
        {
            "abbr": "GA",
            "name": "Georgia",
            "slogan": ""
        },
        {
            "abbr": "HI",
            "name": "Hawaii",
            "slogan": ""
        },
        {
            "abbr": "ID",
            "name": "Idaho",
            "slogan": ""
        },
        {
            "abbr": "IL",
            "name": "Illinois",
            "slogan": ""
        },
        {
            "abbr": "IN",
            "name": "Indiana",
            "slogan": ""
        },
        {
            "abbr": "IA",
            "name": "Iowa",
            "slogan": ""
        },
        {
            "abbr": "KS",
            "name": "Kansas",
            "slogan": ""
        },
        {
            "abbr": "KY",
            "name": "Kentucky",
            "slogan": ""
        },
        {
            "abbr": "LA",
            "name": "Louisiana",
            "slogan": ""
        },
        {
            "abbr": "ME",
            "name": "Maine",
            "slogan": ""
        },
        {
            "abbr": "MD",
            "name": "Maryland",
            "slogan": ""
        },
        {
            "abbr": "MA",
            "name": "Massachusetts",
            "slogan": ""
        },
        {
            "abbr": "MI",
            "name": "Michigan",
            "slogan": ""
        },
        {
            "abbr": "MN",
            "name": "Minnesota",
            "slogan": ""
        },
        {
            "abbr": "MS",
            "name": "Mississippi",
            "slogan": ""
        },
        {
            "abbr": "MO",
            "name": "Missouri",
            "slogan": ""
        },
        {
            "abbr": "MT",
            "name": "Montana",
            "slogan": ""
        },
        {
            "abbr": "NE",
            "name": "Nebraska",
            "slogan": ""
        },
        {
            "abbr": "NV",
            "name": "Nevada",
            "slogan": ""
        },
        {
            "abbr": "NH",
            "name": "New Hampshire",
            "slogan": ""
        },
        {
            "abbr": "NJ",
            "name": "New Jersey",
            "slogan": ""
        },
        {
            "abbr": "NM",
            "name": "New Mexico",
            "slogan": ""
        },
        {
            "abbr": "NY",
            "name": "New York",
            "slogan": ""
        },
        {
            "abbr": "NC",
            "name": "North Carolina",
            "slogan": ""
        },
        {
            "abbr": "ND",
            "name": "North Dakota",
            "slogan": ""
        },
        {
            "abbr": "OH",
            "name": "Ohio",
            "slogan": ""
        },
        {
            "abbr": "OK",
            "name": "Oklahoma",
            "slogan": ""
        },
        {
            "abbr": "OR",
            "name": "Oregon",
            "slogan": ""
        },
        {
            "abbr": "PA",
            "name": "Pennsylvania",
            "slogan": ""
        },
        {
            "abbr": "RI",
            "name": "Rhode Island",
            "slogan": ""
        },
        {
            "abbr": "SC",
            "name": "South Carolina",
            "slogan": ""
        },
        {
            "abbr": "SD",
            "name": "South Dakota",
            "slogan": ""
        },
        {
            "abbr": "TN",
            "name": "Tennessee",
            "slogan": ""
        },
        {
            "abbr": "TX",
            "name": "Texas",
            "slogan": ""
        },
        {
            "abbr": "UT",
            "name": "Utah",
            "slogan": ""
        },
        {
            "abbr": "VT",
            "name": "Vermont",
            "slogan": ""
        },
        {
            "abbr": "VA",
            "name": "Virginia",
            "slogan": ""
        },
        {
            "abbr": "WA",
            "name": "Washington",
            "slogan": ""
        },
        {
            "abbr": "WV",
            "name": "West Virginia",
            "slogan": ""
        },
        {
            "abbr": "WI",
            "name": "Wisconsin",
            "slogan": ""
        },
        {
            "abbr": "WY",
            "name": "Wyoming",
            "slogan": ""
        }
 ]
}







    HELPFUL INFORMATION

    Screenshot or Video:See this URL for live test case: N/A




    Debugging already done:
    • none
    Possible fix:
    • Remove the "dataindex" and it will work fine. However the dataindex is still needed in order to sort.
    Additional CSS used:
    • none
    Operating System:
    • Win7
    Reply With Quote Reply With Quote
  2. 29 Feb 2012 12:34 PM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,684
    Vote Rating
    435
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    Thanks for the report
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

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