用于动态多组条目的组件

Posted 2023-02-23

【中文标题】用于动态多组条目的组件

【英文标题】：A component for dynamic multiple group entries

【发布时间】：2012-07-22 21:22:01

【问题描述】：

我遇到过客户需要在表单中输入地址的情况。客户可以拥有多个地址，并且地址字段包含多个文本字段、组合框等。客户可以动态添加更多地址并删除任何地址条目。例如：表单上有一个添加按钮，单击该按钮时会将所有地址字段显示为一组。如果用户想添加更多地址，他/她可以再次单击添加按钮，这样地址字段的新条目就会显示出来。此外，每个对应的新条目都将有一个删除按钮，因此如果用户想要删除该条目，那么他/她可以。最后，所有地址条目都应该映射到一个支持 bean。

例如：在支持 bean 中，一个有“私有列表地址”，地址类进一步有街道、密码、州、城市等。

是否有任何 jsf ui 组件可以在上述情况下提供帮助。简而言之，用户可以动态输入多个地址，然后将地址列表映射到支持 bean 中的相应条目..

各位，请为此做出贡献，我相信这种组件会让开发变得更简单。

组件应该能够描述我们自己的子组项目。在上述情况下，它是地址，但在不同的情况下，可能需要它是手机号码、网站、电子邮件地址等其他东西。组件应该是完全可定制的，即。从组条目到映射它。

请开发人员开发这种组件，并告诉我从哪里以及如何开始成为其中的一部分。如果我们齐心协力，我们可以开发出这个很棒的组件，这将使开发变得更加容易。

【参考方案1】：

好的，根据你的叙述，这里有一些想法供你参考：

将<h:inputText> 组件绑定到Backing Bean 上的属性(Strings?)。 组成一个描述用户地址的类 - UserAddress()? 创建一个<h:commandButton>，其actionListener 调用同一个支持bean 上的一个方法，该方法从支持bean 上的字符串的值创建一个UserAddress() 对象，然后将其添加到List 类型List<UserAddress> 在您的 Backing Bean 上。

大多数 JSF 组件都准备好接受对象列表，因此您可以使用这样的组件循环您的 List<UserAddress> 以将所有用户地址显示在屏幕上。

有很多component libraries 可供选择。从当前流行的 PrimeFaces 库中立即想到的一个是可编辑的DataTable。

祝你好运。

【讨论】：

谢谢，它成功了。我还发现了主要面的收集器组件。它完全符合我的要求