【问题标题】:Creating a "table" within p:picklist using itemLabel使用 itemLabel 在 p:picklist 中创建“表”
【发布时间】:2013-02-19 22:55:06
【问题描述】:

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

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

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

【问题讨论】:

    标签: jsf xhtml primefaces


    【解决方案1】:

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

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

    您可以查看second example on Primefaces showcase

    【讨论】:

    • 谢谢!我不知道我以前怎么没看到。这正是我想要的。
    猜你喜欢
    • 2014-02-15
    • 2011-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多