1.效果展示
2.实现步骤
设计原理:新增修改时,对新增或标记的内容,插入中继器中,列表再展示中继器内的内容
2.1.前提步骤
●页面及样式设计,如下。建立查询条件、查询框、按钮、新增/修改/删除弹窗(最好是用一个动态面板完成,这样弹窗位置固定且页面展示有条理不会显得臃肿)、列表名、列表(列表外部是中继器,内部使用了列表+多选框)
●设置全选效果
设置全选或取消全选后中继器内的单行也为选中或取消选择状态
●页面做默认隐藏效果
设置为默认隐藏,达到新增/修改后弹窗效果
●交互条件:中继器
列表要在每项加载时展示中继器数据
●交互条件:中继器-多选框
设置多选框选中及取消选中的效果,选中后单元格置灰
●交互条件:中继器-序号
设置第一列为自增序号,按照展示内容自动序号
2.2.增
●点击新增时,弹窗出现
●点击保存后,新增行并关闭(隐藏)弹窗,并将新增弹窗中维护的内容清空
新增行设置:“姓名/工号新增“指的是弹窗中的文本框
●取消、关闭符号也设置点击后关闭(隐藏)弹窗效果
2.3.删
●弹窗效果参考新增,删除是对选择的行进行删除
2.4.改
大部分操作类似新增,下面讲差异点
●保存时,需要保存标记内容(需要选中某一行后才能修改)
2.5.查
●对查询条件内容(文本框)进行条件查询,多个条件时都需要设置
2.6.重置
●移除查询内容,并将查询条件清空