当从容器触发操作时如何更新组件内的区域

Question

我有一个页面：Test.tml，其中包含一个选择和一个组件：

       <t:zone t:id="zone1" t:clientId="zone1">
        <form t:id="form" id="form" method="post">
            <p>
                <select t:type="select" t:id="simpleSelect" t:clientId="simpleSelect" t:value="simpleSelect" t:model="selectList" t:zone="zone1" />
            </p>
        </form>
  <div t:type="SimpleTestComponent" t:id="simpleTestComponent" ></div>
</t:zone>

在 Test.java 中，我捕获了事件：

@OnEvent(value = EventConstants.VALUE_CHANGED, component = "simpleSelect")
public Object changeOnSelect(String value) {
    return zone1.getBody();
}

它很好地更新了 zone1

我有一个组件，其中也包含一个选择和一个要更新的区域；组件选择的内容取决于容器选择表单值，因此我还需要更新组件的内容。如果我的组件内没有区域，它可以很好地工作，但事实并非如此。

在 SimpleTestComponent.tml 中，我有 :

   <form t:id="form" id="form" method="post">
        <p>
            <select t:type="select" t:id="nameSelect" t:clientId="nameSelect" t:value="nameSelected" t:model="nameList" t:zone="zoneComponent"/>
        </p>
    </form>
     <t:zone t:id="zoneComponent" t:clientId="zoneComponent">
    <p>${nameSelected}</p></t:zone>

并在 SimpleTestComponent.java => 中

@OnEvent(value = EventConstants.VALUE_CHANGED, component = "nameSelect")
public Object valueChanged() {
    return zoneComponentId.getBody();
}

我捕获了选择更改，并更新了值。

我现在想要的是当选择从 Test.tml 更改时也能够更新 SimpleTestComponent 的内容。如果我在 zone1 中包含 simpleTestComponent，则会出现关于 simpleTestComponent 内区域的错误，并且当我触发 Test.java 中的 valueChanged 事件时返回 MultiZoneUpdate，其中包含 zone1 和组件区域（我在区域组件上放置了公共 getter） ，我也有一个错误，那么解决方案是什么......？

我不确定是否完全清楚，谢谢您的阅读。 :)

Answer 1

您需要使嵌入区域 (zoneComponent) 可用于包含组件：

public class SimpleTestComponent
{
    public Zone getZoneComponent()
    {
        return zoneComponentId;
    }
}

然后从测试类中的事件处理程序返回该区域：

public class Test
{
    @InjectComponent
    private SimpleTestComponent simpleTestComponent;

    @OnEvent(value = EventConstants.VALUE_CHANGED, component = "simpleSelect")
    public Object changeOnSelect(String value)
    {
        return simpleTestComponent.getZoneComponent();
    }
}