历史版本2 :填报动态隐藏行 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 问题描述
在设计填报报表时,某些信息需要根据其他信息的结果来决定是否展示。
如下:当获得过荣誉信息时,才展示荣誉列表,有工作经验时,才展示工作经验列表。
1.2 解决思路
利用JS,动态展示或隐藏对应的行。
2. 示例编辑
2.1 单元格设计
单元格设计如下所示:
2.2 控件设置
按住CTRL键,选中C3、C4单元格,设置数据字典
2.3 添加状态改变事件
C3单元格状态改变事件
if(this.getValue()=="是"){
$("tr[tridx=4],tr[tridx=5],tr[tridx=6]").css("display","");
}else{
$("tr[tridx=4],tr[tridx=5],tr[tridx=6]").css("display","none");
}
D3单元格状态改变事件
if(this.getValue()=="是"){
$("tr[tridx=7],tr[tridx=8],tr[tridx=9]").css("display","");
}else{
$("tr[tridx=7],tr[tridx=8],tr[tridx=9]").css("display","none");
}
2.4 预览效果
点击保存,使用填报预览打开
PC端:
不支持移动端