使用itemLabel在p：picklist中创建“表”

Question

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

itemLabel="#{contact.firstName} #{contact.lastName}       #{contact.email}"

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

Answer 1

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

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

您可以查看second example on Primefaces showcase