从外部 AS 访问 MXML 中定义的元素

Question

我有一个带有表单的 MXML，其中有两个 TextInput。 我讨厌 MXML 文件中包含任何代码（我来自 JavaScript 结构），因此我使用标签

mx:Script source="external.as"

来包含任何 MXML 文件中使用的任何代码。 问题是，如果我在 external.as 文件中包含以下代码：

private function populateFromForm():void{
   var vo:ValidObject= new ValidObject();
   vo.market = marketInput.text;
   vo.segment = segmentInput.text;
   vo.priceLow = priceLowInput.text;
   vo.priceHigh = priceHighInput.text;
}

其中 marketInput、segmentInput、priceLowInput 和 PriceHighInput 是 MXML 文件中定义的 TextInput。 当我尝试编译时，我得到一个 1120: Access to undefined property XXXXX

我尝试在函数之前添加此行：

public var marketInput:TextInput;
public var segmentInput:TextInput;
public var priceLowInput:TextInput;
public var priceHighInput:TextInput;

但是我得到一个 1151:Aconflict isn't indefinition XXXX in内部命名空间 这非常有意义。

有没有一种方法可以做到这一点，而不必将所有输入引用作为函数的参数传递给函数？

Answer 1

您需要创建对 TextInputs 父容器实例的引用，然后使用该引用来访问 TextInputs 及其属性。 我认为我们需要对您的文件结构进行一些澄清。 您如何创建父容器的实例？ 我想这就是你需要做的：

MyForm.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:TextInput id="marketInput" />
    <mx:TextInput id="segmentInput" />
    <mx:TextInput id="priceLowInput" />
    <mx:TextInput id="priceHighInput" />
</mx:VBox>

SaveVOContainer.as:

package
{
    public class SaveVoContainer extends Container
    {
        private var myForm:MyForm = new MyForm();

        public function SaveVOContainer
        {
            this.addChild(myForm);
        }

        private function populateFromForm():void{
           var vo:ValidObject= new ValidObject();
           vo.market = myForm.marketInput.text;
           vo.segment = myForm.segmentInput.text;
           vo.priceLow = myForm.priceLowInput.text;
           vo.priceHigh = myForm.priceHighInput.text;
        }
    }
}

Answer 2

在 Flex 中进行“代码隐藏”是很痛苦的。 没有像 Javascript 那样的分部类的概念或原型继承的灵活性。 Google 搜索“flex 中的代码隐藏”以获取许多资源。

我认为您最好习惯在 mxml 中嵌入代码的想法。 使用脚本标签尽可能避免内联代码。 如果您必须在 MXML 中编写大量代码，也许您可​​能希望将代码重构为多个自定义组件。 如果它们可以重复使用，则可以获得奖励积分。

Answer 3

在 Flex 中执行代码隐藏的规范方法是通过继承。 以下是文档中的一个很好的解释： http://learn.adobe.com/wiki /display/Flex/Code+Behind。 简而言之：

1. 声明一个 ActionScript 类用作基类。
2. 将基类设置为 MXML 文件中的根容器。
3. 对于 MXML 文件中声明的任何控件，您必须使用完全相同的名称将它们重新声明为基类的公共成员（与上面使用源标记的脚本块所做的完全相同，只有它有效:-)

所以，您的ActionScript 文件：

package mypackage
{
    import mx.controls.TextInput;

    public class myClass extends WindowedApplication
    {
        public var marketInput:TextInput;

        private function populateFromForm():void{
            /* As above */
        }
    }
}

以及相应的 MXML 文件：

<?xml version="1.0" encoding="utf-8"?>
<custom:myClass xmlns:custom="mypackage.*"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx">
    <mx:TextInput id="marketInput"/>
</custom:myClass>

其他 TextInput 控件的等等。 现在您的 populateFromForm 函数应该可以工作了。

必须两次重新声明相同的实体是令人发指的，但这并不完全是先前受访者所说的那样（尽管 Flex 4 中的这一点可能会发生变化，使其比以前不那么痛苦）。

Answer 4

• 将其导入.AS：

  import mx.core.Application;

• 在 .AS 中使用此：

  mx.core.Application.application.component.property = 值；
mx.core.Application.application.myText.text = 'test';

Answer 5

您的 mxml 文件中是否有指向 ActionScript 文件的脚本标记？

<mx:Script source='includes/foo.as' />