未添加零的列表异常:输入控件未正确显示预期零值
问题:输入控件配置后列表零值未正常显示
控件配置代码
<input type="text" valueType="int" columnDef="2" itemIndex="9.1" placeHolder="the number of children under 15 years of age" operation="compare(s9i1,lt)">0</input>
问题描述
此处必须显示零值
列表中应存在零值,但实际未显示零值
当前出现「未添加零的列表」问题:上述输入控件配置下,列表预期展示的零值未正常出现,需排查异常原因并解决。
排查与解决方案
修正
operation比较规则
配置里的operation="compare(s9i1,lt)"是小于比较逻辑,结合后面的>0,实际是筛选小于0的数值,零值自然不会被包含。如果要展示零值,需要把比较规则改为lte(小于等于),修改后的代码:<input type="text" valueType="int" columnDef="2" itemIndex="9.1" placeHolder="the number of children under 15 years of age" operation="compare(s9i1,lte)">0</input>校验
valueType的类型解析逻辑
部分框架会把int类型的零值判定为无效值过滤,可临时将valueType改为string测试:若零值能显示,说明是类型解析逻辑排除了零值,需调整规则,允许int类型的零值正常参与渲染。检查列表渲染层的过滤规则
排查列表渲染的代码,看是否存在全局过滤逻辑(比如if (value === 0) skipRender),这类逻辑会主动隐藏零值条目,需删除或修改为符合需求的判断。确认
itemIndex关联的数据正确性itemIndex="9.1"是小数层级,需检查数据源中对应层级的字段是否确实存在值为0的记录,是否因层级解析错误导致零值数据未被加载到列表中。
内容的提问来源于stack exchange,提问作者shamil khalid
相关产品推荐
相关产品推荐

