Javascript ExtJS：从JSON填充多对多模型

我正在使用ExtJS6，并尝试使用下面JSON中的多对多关系来填充模型

User

和

Roles

如何在ExtJS中配置它

注意：第一个根元素，

UserNames

是所有用户的列表。第二个根元素，

UsersInRoles

，是角色和角色中用户的列表。请注意，角色可能不包含任何用户，并且用户可能不是任何角色的成员

{
    "UserNames": [
      "userName001",
      "userName002",
      "username003",
      "username004"
    ],
    "UsersInRoles": [
      {
        "Role": "Administrators",
        "UserNames": [
          "userName001"
        ]
      },
      {
        "Role": "Approvers",
        "UserNames": []
      },
      {
        "Role": "Readers",
        "UserNames": [
          "userName002",
          "userName004"
        ]
      }
    ]
}