添加事件侦听器以触发礼品详细信息的显示

接下来，您将向 products_dg DataGrid 实例中添加事件侦听器以显示每件产品的有关信息。如果用户在 Gift Ideas 部分中单击某件产品，则出现一个弹出窗口，其中包含该产品的有关信息。

在主时间轴的"动作"面板中，添加以下代码：

// 为 DataGrid 创建一个侦听器，以便在 DataGrid 中的行
// 发生更改时进行检测
var dgListener:Object = new Object();
dgListener.change = function(evt:Object) {
    // 如果 DataGrid 中的当前行发生更改，则启动新的弹出
    // 窗口，显示产品的详细信息。
    myWindow = mx.managers.PopUpManager.createPopUp(_root, mx.containers.Window, true, {title:evt.target.selectedItem.name, contentPath:"ProductForm", closeButton:true});
    // 设置弹出窗口的尺寸。
    myWindow.setSize(340, 210);
    // 定义用户单击关闭按钮时关闭该弹出窗口
    // 的侦听器。
    var closeListener:Object = new Object();
    closeListener.click = function(evt) {
        evt.target.deletePopUp();
    };
    myWindow.addEventListener("click", closeListener);
};
products_dg.addEventListener("change", dgListener);

此代码创建一个名为 dgListener 的新的事件侦听器，并创建先前已添加到库中的 Window 组件的实例。新窗口的标题设置为产品的名称。窗口的内容路径设置为 ProductForm 影片剪辑。窗口的大小设置为 340 x 210 像素。

此代码还添加了一个关闭按钮，使用户在查看信息之后可以关闭窗口。