【发布时间】:2018-01-04 09:43:19
【问题描述】:
我阅读了帖子并查看了示例,但我仍在努力使用一个弹出式编辑器表单为主/详细记录设置层次结构网格。
我想设置一个带有 html 行详细信息的简单网格 其中网格数据源是嵌套的 json:
persons = [
{ name:"john", surname:"smith" },
{ name:"jane", surname:"doe",
contact: [
{ type:"email", value:"jane.doe@domain.com" },
{ type:"phone", value:"012345678" }
]
}
]
顶部网格级别显示详细模板显示的姓名和姓氏 简单的联系人列表(如果有)。
需要通过弹出式编辑器编辑网格,在该编辑器中可以编辑数据(主数据和详细信息)。姓名和姓氏绑定到一个表单,其中联系人显示在一个简单的网格中,该网格绑定到位于其上方的单独“联系人”表单。
<form input fields for name and surname>
<form input fields for contacts, binded to a contacts table>
<contacts table>
<save><update><cancel>
问题:
详细行初始化我只获得顶级数据(没有联系人),因此我无法使用联系人列表呈现详细行
如何处理弹出编辑器中的联系人部分?如何绑定数据?
感谢您的所有意见,彼得
【问题讨论】:
-
你能在 jsfiddle 中分享你所有的代码吗?
-
如果您在网格中使用
HierarchicalDatasource,那么根据这篇文章telerik.com/forums/…,目前不支持它 -
我是一个初学者,正在为简单的东西而苦苦挣扎。我没有使用分层数据源,因为网格小部件还不支持它。我会尝试设置一些小提琴。
-
我整理了一个小提琴,您可以在其中看到我想要完成的工作:jsfiddle.net/hLsgzsuq/2 你得到的是一个人=>带有编辑选项的联系方式,您可以在其中编辑人员和联系方式所有在一个“表格”上。单击联系人会绑定表单字段。因为我的数据是分层的,所以我想找到一种方法来管理它并保持“更新/取消”功能。现在取消需要一些聪明的解决方法,因为详细列表视图不知道回滚。如果有人可以纠正/修改并在该小提琴的基础上进行构建,那么它会正常运行吗?
标签: kendo-ui kendo-grid kendo-datasource