2014-01-08 51 views
0

我使用orderList类似于Showcase中显示的那个。为了让用户更清楚他们可以浏览/排列列表,我想要预先选择列表中的第一项。不幸的是,我找不到有关如何做到这一点的建议,或者如果有可能的话。任何帮助将不胜感激。Primefaces我可以预先选择orderList的第一个项目吗?

谢谢!

+0

好吧,如果通过预选你指的是第一项突出显示,你可以用它JS/CSS,包括在第一项的UI状态高亮类来完成。 – Pellizon

回答

0

我的解决方案:

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

1)一个styleClass添加到您的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)如果在开始页面调用selectFirst()你orderList在页面中或当orderList在对话框中时打开对话框。

在测试了Primefaces 4.0,Java 7的

相关问题