Group with complex field name doesn't work if load records as data

[chuckn0rris]

Forum post

Code to reproduce below. Open an app and see that grouping is incorrect.
Try to set objects as data, not Diner instances - all works as expected.

class FoodItem extends Model {
    static fields = [{
        name : 'foodType'
    }]
}
class Diner extends Model {
    static fields = [{
        name   : 'foodItem',
        type   : 'model',
        convert: function(data) {
                return new FoodItem(data);
            }

    }]
}

let diner1 = new Diner ({
            name     : 'Anim',
            age      : 20,
            city     : 'SF',
            color    : 'red',
            food     : 'Burger',
            foodItem : {
                foodType : 'Junk Food'
            }});
let diner2 = new Diner ({
            name     : 'Siam',
            age      : 21,
            city     : 'LA',
            color    : 'blue',
            food     : 'Apple',
            foodItem : {
                foodType : 'Healthy Food'
            }});

let grid = new Grid({
    appendTo : 'container',

features : {
    group : 'foodItem.foodType'
},

columns : [
    {
        text   : 'Name',
        field  : 'name',
        flex   : 2,
        editor : {
            type     : 'textfield',
            required : true
        }
    }, {
        text  : 'Age',
        field : 'age',
        width : 100,
        type  : 'number'
    }, {
        text  : 'City',
        field : 'city',
        flex  : 1
    }, {
        text  : 'Food',
        field : 'food',
        flex  : 1,
    }, {
        text     : 'Color (not sortable)',
        field    : 'color',
        flex     : 1,
        sortable : false,
        renderer({ cellElement, value }) {
            // renderer that sets text color = text
            cellElement.style.color = value;
            return value;
        }
    }
],
store : {
    modelClass : Diner,

    data: [diner1, diner2]

}
});

[henriquewerlang]

Any news?

[matsbryntse]

Thanks for the ping! We'll try to fix this soon, sorry for the delay.

[henriquewerlang]

Thanks!

[isglass]

@henriquewerlang Seems to have been a misunderstanding among my colleagues, we do not support field names with dots in them. See the forum thread for the approach we do support.

And on a side-note, the ModelDataField (type: 'model') isn't public so might be risky to use that in your application.

Will close this ticket