在 Tapestry 5 中更新表单内的区域

Question

我在 Form 中有一个 Zone，该 Zone 使用包含我想绑定到父级的输入字段的块进行更新表单。不幸的是，这似乎并不像我希望的那么容易，因为我收到了以下错误消息。

The Description component must be enclosed by a Form component. [at classpath:...Page.tml, line 100]

下面是源 .tml 的简化版本。

<t:form t:id="editForm" t:context="item.id">
    <table>
        <tr>
            <th>Name</th>
            <td><t:textField value="item.name"/></td>
        </tr>
        <t:block t:id="block">
            <tr class="person">
                <th>Description</th>
                <td><t:textField t:id="description" value="item.description"/></td>
            </tr>
         </t:block>
         <t:zone t:id="itemZone" id="itemZone"/>
         <t:actionlink t:id="item" zone="itemZone">Click me!</t:actionlink>
    </table>
</t:form>

有没有办法进行绑定，如果没有，还有其他替代方法吗？

Answer 1

这个答案已经过时了，您可以使用来自 Tapestry 的常用区域功能添加表单元素 5.2 上。不过，此方法仍然有效。

原始答案，对 Tapestry 5.0 和 5.1 有效：

FormInjector 组件允许您将表单元素添加到现有表单中。不过，您必须编写一些自定义 JS 来触发表单注入。

在 TML 中：

<div t:type="FormInjector" t:id="injector" position="below" />

您可以像这样在 JS 代码中触发注入：

$('theClientIdOfMyFormInjector').trigger();

您可以通过类名在表单中找到注入器 DIV (myForm.down('div.t-forminjector')) 。

组件类：

@Inject
private Block formFieldsBlock;

@OnEvent(component = "injector")
Block loadExtraFormFields() {
    return this.formFieldsBlock;
}