带弹出编辑器的详细行网格

detail row grid with popup editor

我阅读了帖子并查看了示例,但我仍在努力为 master/detail 条记录设置一个弹出式编辑器表单的层次结构网格。

我想设置一个包含 html 行详细信息的简单网格 其中网格数据源是嵌套的 json:

persons = [
  { name:"john", surname:"smith" },
  { name:"jane", surname:"doe", 
      contact: [
        { type:"email", value:"jane.doe@domain.com" },
        { type:"phone", value:"012345678" }
      ]
  }
]

顶部网格级别在显示详细信息模板的位置显示名称和姓氏 简单的联系人列表(如果有)。

网格需要通过弹出式编辑器进行编辑,其中数据(主要和详细信息)都可以编辑。名字和姓氏绑定到一个表单,其中联系人显示在一个简单的网格中,绑定到位于其上方的单独 "contact" 表单。

<form input fields for name and surname>

<form input fields for contacts, binded to a contacts table>
<contacts table>

<save><update><cancel>

问题:

  1. 详细行初始化我只获得顶级数据(没有联系人)所以我无法呈现包含联系人列表的详细行

  2. 如何处理弹窗编辑器中的联系人部分?如何绑定数据?

感谢您的所有意见,彼得

发现编辑因缺少 "record id" 而出现问题。一旦我提供了唯一的 ID,我就会得到预期的结果。

重复的问题