Flex：将事件分配给动态创建的按钮

Question

感谢 wezzy 和其他人在过去几天里帮助我。我一直在听取他们的建议，并试图自己解决剩下的问题，但我再次陷入困境。

我有一个 txt 文件，结构如下：

button1_label
button2_label
button3_label

我的程序在运行时创建这 3 个按钮并将它们放在一个组中。

protected function onLoaded(e:Event):void {
                var myArrayOfLines:Array = e.target.data.split(/\n/);
                var tempBtn:Button;

                for(var i:Number = 0;i < myArrayOfLines.length;i++){
                    var j:Number = i+1;
                    tempBtn = new Button();
                    tempBtn.id = "btn" + i;
                    tempBtn.addEventListener(MouseEvent.CLICK, function(evt:MouseEvent):void{
                        var index:uint = parseInt(evt.currentTarget.id.replace("btn", ""));
                                    //TextArea code will go here

trace(text); // Traces null
                    });
                    tempBtn.label = myArrayOfLines[i];
                    btnArray.push(tempBtn);
                    group.addElement(btnArray[i]);
                }
            }

现在您可以从我的代码中看到，我正在尝试使每个按钮将字符串打印到文本区域。我已经像这样构造了新的buttons.txt：

button1_label
"Hello"
button2_label
"Goodbye"
button3_label
"Come again"

所以我想做的是让button1打印“Hello”。 .txt 文件的所有行都被推送到 myArrayOfLines 中。预先感谢您的任何帮助。

编辑 完整解释

抱歉，我试图简化我的问题，我猜我让它变得更难理解。我制作了一个文本编辑器，运行客户端，没有服务器。我有一组按钮，可将预定义的短语插入 TextArea 每个按钮都有一个执行 myTextArea.insert("sometext"); 操作的侦听器（但每个按钮都有不同的文本。用户请求能够创建自己的按钮来插入自己的字符串。我想我会有几个 og 文本输入，用户可以在其中定义标签，以及将插入到单击按钮时的文本区域。我会将标签写入一行，然后将字符串写入下一行。现在我使用这种格式创建了一个 Buttons.txt 文件，以查看它是否有效

。 /强>

public function setupBtns(e:Event):void{
            var file:File = File.documentsDirectory.resolvePath("buttons.txt");
            var stream:FileStreamWithLineReader = new FileStreamWithLineReader();
            stream.open(file, FileMode.READ);

            while(stream.bytesAvailable) {
                // this line contains the headers like button1_label etc.
                var label:String;
                // this line contains the string

                if(stream.bytesAvailable) {
                    // this line contains the actual label like "Hello";
                    label = stream.readUTFLine();
                    line = stream.readUTFLine();

                    // strip off the first and last character as they are double quotes
                    line = line.substring(1, line.length-1);

                    var tempBtn:Button = new Button();
                    tempBtn.addEventListener(MouseEvent.CLICK, btnListener);

                    tempBtn.label = label;
                    tempBtn.name = line;
                    btnArray.push(tempBtn);
                    for(var i:Number = 0;i<btnArray.length;i++){
                        group.addElement(btnArray[i]);
                    }
                }
            }
        }           

        protected function btnListener(e:MouseEvent):void{
            mainTextField.insertText(e.target.name);    
            trace(e.target.name);
        }

Answer 1

尝试一下，让我知道它是如何运作的...

编辑：（尝试下面的新代码）

        protected function onLoaded(e:Event):void {
            var myArrayOfLines:Array = e.target.data.split(/\n/);
            var tempBtn:Button;

            for(var i:Number = 0;i < myArrayOfLines.length;i=i+1){
                var j:Number = i+1;
                tempBtn = new Button();
                tempBtn.id = "btn" + i;
                tempBtn.addEventListener(MouseEvent.CLICK, function(evt:MouseEvent):void{
                        myTextArea.text += '\n' + myArrayOfLines[j];
                    });
                tempBtn.label = myArrayOfLines[i];
                btnArray.push(tempBtn);
                group.addElement(btnArray[btnArray.length-1]);
            }
        }           

Answer 2

第一：不要在动作脚本中使用匿名函数作为侦听器 - 如果你这样做，以后就无法删除它们。

而是使用这样的类方法：

tempBtn.addEventListener(MouseEvent.CLICK, onMouseClick);

private function onMouseClick(evt:MouseEvent):void
{
  if (evt.currentTarget == button1_label)
  {
     // do sth for btn1
  }
  else if (evt.currentTarget == button2_label)
  {
     // do sth for btn2
  }
  // ...
}

edit

刚刚看到，您正在使用 ID，然后只需将上面的代码更改为这样：

if (evt.currentTarget.id == "btn1")