在后台界面的功能结构大致分为:列表页、新增/修改页、审核页。其中列表页的查询区,新增和修改页的头部信息输入区,会有多个表单元件组合出现,这就需要用中继器实现多个表单元件的增删改及布局,经过调试,发现一行放下4个表单元件最为合适:

常用表单元件的有:文字输入、下拉列表、日期时间选择,此外,还有必填项设置,即加红色*,这些状态可以打包制作成一个动态面板,然后结合中继器的内容进行外观切换,实现多合一的表单元件,避免频繁拖拽,布局调整等重复耗时操作。
升级版多合一表单元件,通过中继器的表格值控制,整体流程与元件结构如下:

以上状态层不够用时,还可以根据需求追加新状态。
这个元件的不足之处:由于中继器只会垂直方向产生多个元件,所以遇到表单元件需要左右调换顺序的情况,还是要一对一修改,好在这种情况不多。
网友评论