代码的效果是报表页面,筛选框为空时,表格默认不显示内容,筛选框选择以后,表格按照筛选框的内容显示。
现在PC端调试正常,但是APP端发现表格一直是空的,筛选框选择以后也没法正常显示内容,这个是什么原因?
表格的JS代码如下:
function afterFetch(data, extraInfo) {
// 获取指定的DOM元素
const filterElement = document.getElementById('node_oclzgpmvjg6-selectFilter');
// 如果元素存在,输出其 ID
console.log("Element found with ID:", filterElement.id);
// 检查 aria-valuetext 属性是否有值
const ariaValueText = filterElement.getAttribute('aria-valuetext');
// 输出 content 和 aria-valuetext 的值用于调试
console.log("Element aria-valuetext:", ariaValueText);
// 检查内容是否为空或 aria-valuetext 是否为空
if (!ariaValueText) {
console.log("aria-valuetext are empty.");
return []; // 返回空数组
} else {
console.log("Element has aria-valuetext.");
}
return data;
}
您好!在使用宜搭进行开发时,PC端和移动端的筛选器的class类名可能存在差异。为了确保能够顺利获取到DOM元素,建议您按照以下步骤操作:
使用浏览器开发者工具:首先,请打开您常用的浏览器(如Chrome、Firefox等),并进入宜搭的页面。
模拟移动端设备:接下来,启用浏览器的开发者工具,您可以通过按下F12键或者右键点击页面并选择“检查”来打开。然后,找到设备模拟器的选项(通常是一个手机图标),选择一个移动设备进行模拟。
查看class类名:在移动端视图下,检查筛选器的DOM元素,确认其class类名。这样可以避免因为class名不同而导致的选择错误。
获取DOM元素:请根据您在模拟环境中观察到的class类名来编写相应的DOM选择器,以确保可以正确访问到元素。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。