I have nested data for a user which I'm trying to edit (in a bindable form). userAccess data could be dynamic, so for each record I have a row of fields which I'm trying to pre-populate with selected values from data.

How can I bind each userAcces row (form fields) with a data record.

Please take a look at the fiddle I created below.
https://fiddle.sencha.com/#view/editor&fiddle/1rsn

User Record

Code:
{
    "userId": "122399771",
    "firstName": "bob",
    "lastName": "smith",
    "emailId": "[email protected]",
    "country": "United States",


    "userAccess": [
        {
            "productId": "test1",
            "roles": ["role1", "role3"]
        },
        {
            "productId": "test2",
            "roles": ["role2", "role3"]
        }
    ]
}