(PS:没有table组件的墨刀,掩面苦笑,真难用)
从整个页面上分析,整体分为二部分,表单FA列表和表格TA
表单FA列表可以新增,删除,设为默认,其中一些表单项要求可以边输入边检索,选中选项后,自动将其他表单项填充...以上是表单TA的一条记录的行内编辑,这条记录的操作列有一个编辑按钮和删除按钮,点击编辑在此条记录的下方展示一个表单FB,
表单FB又包含一个表格TB和一个表单FC列表 表格TB可以增加记录,删除记录,记录中是行内编辑...接下来开始设计数据结构,别慌在这之前我想先谈一下前端数据驱动的页面设计
数据驱动:
关于数据驱动有的人解释为:当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom
相比以往jquery...{}, // 其他表单项
expandContent: { // 扩展内容
formItem: {}, // 其他表单项
TBTable: [], // TB 表格数据...tr 扩展对象
formItem: {}, // 其他表单项
expandContent: { // 扩展内容
formItem: {}, // 其他表单项
TBTable