Model Associations/Grid Binding

[gsmith140]

I have two models, Vendor and Category, defined below:

Ext.define('Vendor', {
    extend: 'Ext.data.Model',
    fields: [
	{ name: 'VendorId', type: "int" },
        { name: 'Name', type: "string" },	
	{ name: 'CategoryId', type: "int" },


    ],
    hasOne: 'Category'
});


Ext.define('Category', {
    extend: 'Ext.data.Model',
    fields: [
    	{ name: 'CategoryId', type: "int" },
        { name: 'Name', type: "string" },	
    ]
});

I have a store in a View Model called VendorStore that uses the Vendor model. I'm binding the Store to a grid. My question is, is there a way to bind the Category Name to a grid column? Something like this:

dataIndex: 'Category.Name'

I tried this, but am getting a blank in that column. I checked the store when it loads and the Category Name data is there as expected. Any help would be appreciated.

[LizMyself]

Hey,
I think you need to set an associationKey.
Like this:

hasOne:[
   {
       model: 'Category',
       associationKey: 'Category'
   }
]

[gsmith140]

I tried that, but still getting a blank value in the column.