Question

我使用的orderList类似于Showcase中显示的{{1}}。为了让用户更清楚他们可以导航/订购列表，我想预先选择列表的第一项。不幸的是，我找不到任何关于如何做到或有可能的建议。任何帮助将不胜感激。

谢谢！

Answer 1

我的解决方案：

您必须使用Jquery，因为orderList不支持选择。

1）在你的orderList中添加一个样式表：orderList

<p:orderList value="#{usuarioBean.roles}" 
converter="omnifaces.SelectItemsConverter" var="r"
itemLabel="#{r.descripcion}" itemValue="#{r}" styleClass="orderList">

     <p:column>
             #{r.descripcion}
     </p:column>
 </p:orderList>

2）定义一个jquery函数：

function selectFirst(){
        jQuery('.orderList tr:first-child td:nth-child(2) .ui-orderlist-list li:first-child').addClass('ui-state-highlight');
    }

3）如果orderList在页面中，或者当orderList在对话框中时打开对话框，则在起始页面调用selectFirst（）。

在Primefaces 4.0，Java 7上测试

Primefaces我可以预先选择orderList的第一项吗？

1 个答案: