Handling <lightning:select> Events

DEX601 - Unit 2 Getting Started

📄 第 183 页 🎬 视频课程

课程章节介绍

让我们来聊聊这个``组件以及它的事件处理。 首先,``是一个下拉菜单组件,用户可以从预定义的选项中选择一个值。在这个例子中,我们有一个下拉菜单,用来选择一个船长。 ### 事件解释 1. ,onFocus,: 当用户点击或通过键盘导航到这个下拉菜单时,这个事件会被触发。你可以用它来做一些事情,比如显示一些提示信息。 2. ,onBlur,: 当用户离开这个下拉菜单时,这个事件会被触发。比如,用户点击了其他地方,或者通过键盘导航离开了这个下拉菜单。 3. ,onChange,: 当用户改变了下拉菜单中的选择时,这个事件会被触发。这是最常用的事件,因为通常我们希望在用户做出选择后立即执行一些操作。 ### 代码解析 在这个例子中,我们主要关注`onChange`事件。当用户选择一个不同的船长时,`onCaptChange`函数会被调用。 ```javascript onCaptChange: function(component, event, helper) { var selectedVal = component.find("idCaptain").get("v.value"); alert("您选择了 " + selectedVal); } ``` - ,component.find("idCaptain"),: 这部分代码是用来找到我们之前定义的下拉菜单组件。 - ,get("v.value"),: 这个方法用来获取当前选中的值。 - ,alert("您选择了 " + selectedVal),: 最后,我们弹出一个提示框,告诉用户他们选择了哪个船长。 ### 总结 - ,onFocus, 和 ,onBlur, 通常用于处理用户与下拉菜单的交互开始和结束时的情况。 - ,onChange, 是最常用的事件,用于在用户改变选择时执行特定的操作。 希望这个解释能帮助你更好地理解如何使用``组件及其事件处理。如果有任何问题,随时问我!