jsf - 使用 itemLabel 在 p:picklist 中创建“表”

Question

我想知道是否可以为 primefaces 选项列表创建更复杂的 itemLabel。基本上，我使用选择列表作为用户将联系人（想想 Outlook 联系人）从一个列表移动到另一个列表的一种方式。我为 itemLabel 提供的代码如下所示：

itemLabel="#{contact.firstName} #{contact.lastName} &#160; &#160; &#160; #{contact.email}"

这导致每个“项目”看起来很草率，并且很难正确放置空间。我希望在 itemLabel 中有 2 个（或更多）“列”，因此可以适当地间隔。如果这是不可能的，我是否可以使用另一个更适合这种类型的用户交互的组件？任何帮助表示赞赏。

score 2 · Accepted Answer

您可以p:column在选择列表中使用标签来定义更多列，并更好地组织列表呈现给用户。结构将是这样的：

<p:pickList>
  <p:column></p:column>
  <p:column></p:column>
</p:pickList>

1 回答 1