Adding New Component Instances to the DOM (continued)

DEX601 - Unit 6 Building Advanced Components

📄 第 441 页 🎬 视频课程

课程章节介绍

同学们,今天我们来聊聊如何在Salesforce Lightning中动态添加按钮组件。这个代码片段其实很有意思,我来给大家拆解一下: 首先,我们有一个叫`onAddCmp`的函数,它的作用就像是一个"造按钮的工厂"。 1. 每次点击时,它都会先给计数器加1(这样每个按钮都有独一无二的编号) 2. 然后调用`$A.createComponent`这个神奇的方法来"生产"新按钮 - 我们告诉它要造一个"lightning:button" - 给按钮起个名字:"button"+数字编号 - 设置按钮显示的文字是"按钮" - 指定点击时执行哪个函数 3. 造好新按钮后,就把它放进组件的body里(就像把新玩具放进玩具箱) 4. 最后还有个`onPress`函数,就是按钮被点击时会弹出一个小提示框 想象一下,这就像: - 你有一个魔法盒子(组件) - 每次念咒语(点击)就会变出一个带编号的新按钮 - 按钮被按下时会"叮"的一声提醒你 是不是很简单?这就是Lightning组件动态创建的魔力!