页面重载后如何保留下拉框选中值并实现关联字段填充

你遇到的核心问题是创建模式下记录未保存，直接重载页面会丢失未提交的表单数据，以下是具体解决步骤：

1. 修改客户端脚本：通过URL传递选中的template值 #

把直接重载页面的逻辑改成带参数跳转，将选中的templateId附在URL上：

function clientButtonClick() {
    var currentRec = currentRecord.get();
    var templateId = currentRec.getValue({fieldId: "template"});
    
    // 构造带参数的新URL
    var currentUrl = new URL(window.location.href);
    currentUrl.searchParams.set('template', templateId);
    
    window.onbeforeunload = null;
    window.location.href = currentUrl.toString(); // 带参数跳转页面
}

2. 修改服务器端脚本：读取URL参数并回显、填充字段 #

在创建模式的服务器端代码里，从URL参数获取template值，设置下拉框默认值并执行填充逻辑：

if (scriptContext.type === 'create') {
    var form = scriptContext.form;
    form.clientScriptModulePath = 'SuiteScripts/cs_get_template.js';
    form.addButton({
        id: 'custpage_email_message_button',
        label: 'Refresh',
        functionName: 'clientButtonClick'
    });

    // 从URL参数读取选中的template值
    var templateId = scriptContext.request.parameters.template;
    log.debug("templateId from URL", templateId);

    // 回显下拉框并执行填充逻辑
    var templateField = form.getField({fieldId: 'template'});
    if (templateId) {
        templateField.defaultValue = templateId;
        
        // 根据template值填充其他字段
        if (templateId == 123) {
            // 这里写设置其他字段的代码，示例：
            // form.getField({fieldId: 'target_field'}).defaultValue = '填充内容';
        }
    }
}

关键说明 #

• 创建模式下记录未保存，rec.getValue('template')无法获取前端选中的值，必须通过URL参数传递到服务器端。
• 服务器端通过scriptContext.request.parameters读取URL参数，设置字段defaultValue实现回显。
• 使用URLSearchParams处理参数，避免手动拼接URL时出现格式错误。

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