| 以文本方式查看主题 - Foxtable(狐表) (http://foxtable.com/bbs/index.asp) -- 专家坐堂 (http://foxtable.com/bbs/list.asp?boardid=2) ---- 这个问题如何解决 (http://foxtable.com/bbs/dispbbs.asp?boardid=2&id=189649) |
| -- 作者：goldenfont -- 发布时间：2023/12/13 21:24:00 -- 这个问题如何解决 前端我想展示类似于“卡片墙”的效果，每个卡片的标题对应的是主表记录，卡片里的具体内容是从表记录（有多行），前端我用到了v-for的嵌套，外层绑定主表.rows，内层循环v-for绑定子表.rows，但是会变成同手同脚的效果，我查了资料说是v-for嵌套必须外层使用主表.rows,内层要使用主表.rows.子表记录，才能正确显示，可是这是2个表，怎么才能把从表dt里所有的记录分配给主表的正确记录啊，有大侠知道吗？ 我脑子里大概的思路是说靠遍历主表，根据关联字段把从表的对应记录改造成json放到主表的某个字段里，前端获取后接着改造回来显示，问题是这样改造后的传输效率会不会慢啊？每更改一个主表记录，都需要进行一遍这样的操作才能正确显示前端，是这样操作吗？
|
| -- 作者：有点蓝 -- 发布时间：2023/12/14 8:52:00 -- 差不多这样把。比如生成类似下面的json数据 [ { "主表编号": "01", "主表列1": "a", "主表列2": "b", "子表数据": [ { "子表编号": "001", "子表列1": "a1", "子表列2": "b1" }, { "子表编号": "002", "子表列1": "a2", "子表列2": "b2" } ] }, { "主表编号": "02", "主表列1": "c", "主表列2": "d", "子表数据": [ { "子表编号": "0201", "子表列1": "c1", "子表列2": "d1" }, { "子表编号": "0202", "子表列1": "c2", "子表列2": "d2" } ] } ] |
| -- 作者：goldenfont -- 发布时间：2023/12/14 13:41:00 -- 嗯，这个意思我知道了，我是想问，在什么事件中把主表和子表的table记录转换成上面这个的格式，（例如afterload）？ 那这样的操作思路，遍历主表记录，根据每个主表记录查到对应的子表记录，转换成json放入主表的children键中，这样的效率如何啊？
|
| -- 作者：有点蓝 -- 发布时间：2023/12/14 13:49:00 -- 如果是做网页开发，和表事件，窗口事件什么的都没有任何关系。到httprequest事件处理。也只能是遍历生成 |
| -- 作者：goldenfont -- 发布时间：2023/12/14 13:52:00 -- 或者一句话来问这个问题：如何从主从的平面数据表构建成一个带有嵌套记录的JSON文件？ |
| -- 作者：有点蓝 -- 发布时间：2023/12/14 14:03:00 -- 就是上面的操作思路，遍历主表记录，根据每个主表记录查到对应的子表记录，转换成json放入主表的children键中 |
| -- 作者：goldenfont -- 发布时间：2023/12/14 14:24:00 -- 好的，我研究一下，谢谢 |