课程章节介绍
同学们，今天我们要来聊聊一个非常有趣的练习——学生浏览器的自定义组件练习2-9。这个练习有点长，但别担心，我会一步步带你们理解。
首先，我们来看看第一个行为。想象一下，你有一个学生列表，当你点击不同的学生时，这个学生的边框会发生变化，告诉你现在选中的是哪个学生。这是怎么实现的呢？其实很简单，我们通过一个叫做StudentTile的组件来触发一个自定义事件，这个事件会告诉StudentTiles组件哪个学生被选中了。然后，每个StudentTile会检查自己的ID是否和选中的学生ID匹配，如果匹配，就显示被选中的状态。
接下来是第二个行为。在这个行为中，我们有两个组合框，一个是选择讲师，另一个是选择课程交付。当你改变这两个组合框中的任何一个选项时，都会触发一个叫做filterchange的自定义事件。这个事件会包含当前选择的讲师ID和课程交付ID。然后，StudentBrowser组件会存储这些ID，并通过更新这些值来处理FilterChange事件。这样，无论你改变哪个组合框，都会触发一个服务调用来刷新学生列表。
最后，我们来看看第三个行为。在这个行为中，我们要添加一个“Add New Delivery”按钮。当你点击这个按钮时，会弹出一个窗口，让你可以添加一个新的课程交付。这是怎么实现的呢？我们只需要在StudentBrowserForm中添加一个新的Lightning-Layout-Item和按钮，然后给这个按钮添加一个点击处理程序。这个处理程序会调用NavigationMixin.Navigate，并带上适当的参数，这样就可以打开添加课程交付的窗口了。
好了，这就是我们今天要讲的三个行为。虽然这个练习有点长，但只要你一步步来，相信你们都能掌握。加油！