Ext JS：从JSON填充多对多模型

Question

我正在使用Ext JS 6，并尝试使用下面JSON中的多对多关系来填充模型User和Roles。

我如何在Ext JS中配置它？

注意：第一个根元素UserNames是所有用户的列表。第二个根元素UsersInRoles是角色列表和角色中的用户。请注意，角色可能不包含任何用户，并且用户可能不是任何角色的成员。

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