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
相关产品推荐
相关产品推荐

