You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Aura组件下拉框设默认值并自动加载对应记录实现方法

实现Aura组件下拉框默认选中Yes并自动加载对应记录的方案

步骤1:设置属性默认值

在组件的属性定义中,给status属性设置默认值为"Yes",让组件初始化时自动赋值:

<aura:attribute name="status" type="String" default="Yes" />

步骤2:修正下拉框绑定语法

你提供的代码里value="{!v.status)"存在括号拼写错误,修正为正确的双向绑定语法,确保下拉框与属性值关联生效:

<td class="filterrow">
    <lightning:select aura:id="status" name="Status" onchange="{!c.SubSearch}" 
                      value="{!v.status}" variant="label-hidden">
        <option value=""></option>
        <option value="Yes">Yes</option>
        <option value="No">No</option>
    </lightning:select>
</td>

步骤3:初始化时自动触发搜索

在组件根标签内添加init事件处理器,页面加载完成后自动调用搜索方法,用默认的Yes值获取对应记录:

<aura:handler name="init" value="{!this}" action="{!c.doInit}" />

然后在控制器中实现doInit方法,触发搜索逻辑:

({
    doInit: function(component, event, helper) {
        // 页面加载后立即执行搜索
        this.SubSearch(component, event, helper);
    },
    SubSearch: function(component, event, helper) {
        // 获取当前选中的status值
        var status = component.get("v.status");
        // 执行你的数据获取逻辑(比如调用Apex方法查询记录)
        // ...
    }
})

效果说明

  • 页面打开时,下拉框自动选中Yes选项,同时doInit触发搜索,加载对应记录。
  • 仍可自由选择No或空选项,触发onchange事件重新执行搜索,获取对应数据。

内容的提问来源于stack exchange,提问作者Vmin

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 10:33:37