使用JavaScript隐藏Quick View表单字段失效问题排查

我需要根据Quick View表单中Option Set（选择项）的选择结果隐藏部分字段，但当前代码无法正常生效。目标是当选项值不等于248870006时隐藏指定字段，以下是原代码及问题排查、修复方案：

原代码 #

function hideFields(executionContext) {
var formContext = executionContext.getFormContext();

var quickViewControl = formContext.ui.quickForms.get("General");

if (quickViewControl != undefined) {

    if (quickViewControl.isLoaded()) {

           var orgtypevalue = quickViewControl.getControl("new_organizationtype").getValue();

           if (orgtypevalue != 248870006) {

           quickViewControl.getControl("new_recipienttype").setVisible(false);

           quickViewControl.getControl("new_businesstype").setVisible(false);

           quickViewControl.getControl("new_businesstypecode").setVisible(false);

           quickViewControl.getControl("new_businesstypecharacteristicstypecode").setVisible(false);             

           return;

           }

           else {

           // Wait for some time and check again

           setTimeout(getAttributeValue, 10, executionContext);

           }

}

else {

    console.log("No data to display in the quick view control.");

    return;

}

else {

        quickViewControl.getControl("new_recipienttype").setVisible(true);

        quickViewControl.getControl("new_businesstype").setVisible(true);

        quickViewControl.getControl("new_businesstypecode").setVisible(true);

        quickViewControl.getControl("new_businesstypecharacteristicstypecode").setVisible(true);             

        return;  
}
}

问题排查 #

• 语法结构错误：代码存在if-else嵌套不匹配问题，最后一个else无对应if，导致JS引擎解析报错，这是代码无法运行的核心原因。
• 函数调用错误：setTimeout中调用的getAttributeValue函数未定义，无有效重试逻辑。
• 逻辑分支颠倒：当选项值等于248870006时，应该显示字段，而非进入重试逻辑，原分支逻辑完全错误。
• 取值方式不可靠：通过控件getControl().getValue()获取选项值，不如直接通过属性getAttribute().getValue()稳定，可能出现控件未绑定属性导致的取值失败。
• 未处理加载中状态：仅判断isLoaded()，未处理Quick View正在加载的情况，直接返回会导致逻辑不执行。

修复后的代码 #

function hideFields(executionContext) {
    var formContext = executionContext.getFormContext();
    var quickViewControl = formContext.ui.quickForms.get("General");

    if (!quickViewControl) {
        console.log("Quick View控件不存在");
        return;
    }

    // Quick View未加载时，延迟100ms重试
    if (!quickViewControl.isLoaded()) {
        setTimeout(() => hideFields(executionContext), 100);
        return;
    }

    // 从属性获取选项值，稳定性更高
    var orgTypeAttr = quickViewControl.getAttribute("new_organizationtype");
    if (!orgTypeAttr) {
        console.log("new_organizationtype属性不存在");
        return;
    }

    var orgtypevalue = orgTypeAttr.getValue();

    // 根据选项值统一控制字段显示状态
    var shouldHide = orgtypevalue !== 248870006;
    quickViewControl.getControl("new_recipienttype").setVisible(!shouldHide);
    quickViewControl.getControl("new_businesstype").setVisible(!shouldHide);
    quickViewControl.getControl("new_businesstypecode").setVisible(!shouldHide);
    quickViewControl.getControl("new_businesstypecharacteristicstypecode").setVisible(!shouldHide);
}

修复说明 #

1. 修正if-else语法结构，确保逻辑分支匹配。
2. 替换无效的重试函数，调用自身实现加载重试逻辑，并调整间隔到100ms避免性能损耗。
3. 颠倒逻辑分支，直接通过选项值判断字段显示状态，逻辑更清晰。
4. 改用getAttribute获取选项值，提升取值稳定性。
5. 增加异常场景日志输出，便于调试定位问题。

内容的提问来源于stack exchange，提问作者Kriti