Visual Component 中的注入模型

Question

我正在使用欧芹框架。我正在尝试在自定义视觉树组件中注入模型；

private var _model:Model

[Bindable]

public function get model():Model
{
  return _model;
}

public function set model(value:Model):void
{
  _model = value;
}

构建配置：

<Object id="customTree" type="{CustomTree}">
  <Property name="model" idRef="model"/>
</Object>

然后我在 mxml 中使用了这棵树：

<components:CustomTree
        id="categoriesTree"
        width="100%" height="100%"
        labelField="@title"
        right="0" bottom="0" left="0" top="10"           
        doubleClickEnabled="true"
        maxHorizontalScrollPosition="250"
        horizontalScrollPolicy="auto"
        dragEnabled="true"
        dropEnabled="true"
        dataProvider="{model.dataHolder}"
        />

我尝试覆盖父函数，但出现错误。 （模型为空）； 覆盖受保护的函数dragDropHandler(event:DragEvent):void { 模型.action = "drop" 我在模型

设置器中设置了断点，它被执行了，但模型仍然为空；

问题出在哪里？

Answer 1

我已经找到了如何解决这个问题。如果我们尝试在可视组件中注入某种东西，我们应该以与配置可视组件相同的方式配置它。

public class CustomTree extends Tree
{

public function CustomTree ()
{
  super();
  this.addEventListener(Event.ADDED_TO_STAGE, configure);
}

protected function configure(event:Event):void
{
  this.dispatchEvent(new Event ('configureIOC', true));
}

<代码>...
}

MB有人有其他解决方案吗？

Answer 2

不确定您是否想要欧芹来实例化您的 CustomTree。
相反，将模型注入到视图中，并让 mxml 中的 CustomTree 实例绑定到模型。

配置：

<Object id="model" type="Model"/>

MXML：

<mx:Script>
        <![CDATA[
[Inject(id='model')]
[Bindable]
public var model:Model;
]]>
    </mx:Script>

<components:CustomTree
        id="categoriesTree"
        width="100%" height="100%"
        labelField="@title"
        right="0" bottom="0" left="0" top="10"           
        doubleClickEnabled="true"
        maxHorizontalScrollPosition="250"
        horizontalScrollPolicy="auto"
        dragEnabled="true"
        dropEnabled="true"
        dataProvider="{model.dataHolder}"
        />

您不需要注入ID，您可以按类型注入，只需从注入标签和模型配置中删除ID即可。