Primefaces数据表右键单击

时间:2014-01-15 09:46:52

标签: java-ee jsf-2 primefaces

我正在使用文件下载程序修复PrimeFaces面板,您可以从列表中选择文件并下载。

现在首先你必须左键单击选择文件,然后右键单击并选择"下载文件"。

然而,大多数人习惯于右键单击某个文件并选择"下载它"。

正如您在选择文件时可以看到的那样,actionlistener actionListener ="#{downloadsController.selectFile}"被调用,它正确设置要下载的文件名,然后右键单击调用actionListener ="#{downloadsController.downloadFile}"。

如何在调用右键时调用selectFile?或者右键单击访问 file.name?

<p:panel id="propPanel">
    <h:form>
        <p:contextMenu for="fileExplorer">
            <p:menuitem value="Download" actionListener="#{downloadsController.downloadFile}" 
                icon="ui-icon-arrowthickstop-1-s" ajax="false" >
                <p:fileDownload value="#{downloadsController.fileToDownload}" />
            </p:menuitem>
        </p:contextMenu>
        <p:scrollPanel style="height:300px">  
            <p:dataTable id="fileExplorer" var="file" value="#{downloadsController.files}" 
                emptyMessage="This folder is empty"
                 rowKey="#{file.name}" selectionMode="single" >
                <p:column style="width:308px" sortBy="#{file.name}">
                    <f:facet name="header">
                        Name
                    </f:facet>
                    <p:commandLink style=" text-decoration: none;" 
                        actionListener="#{downloadsController.selectFile}" update=":treePanel">
                        <f:param name="fileName" value="#{file.name}"/>
                        <p:spacer width="5" height="10" />
                        <h:outputText value="#{file.name}" escape="false"/>
                    </p:commandLink>
                </p:column>
                <p:column style="width:55px" sortBy="#{file.size}">
                    <f:facet name="header">
                        Size
                    </f:facet>
                    <h:outputText value="#{file.size}" escape="false">
                    </h:outputText>
                </p:column>
            </p:dataTable>
        </p:scrollPanel> 
    </h:form>
</p:panel>

1 个答案:

答案 0 :(得分:2)

如果您使用的是Primefaces 4,则只需使用行显示here

<p:contextMenu for="cars">  
...
</p:contextMenu>  
<p:dataTable id="cars" var="car" value="#{tableBean.carsSmall}" rowKey="#{car.model}"  
                 selection="#{tableBean.selectedCar}" selectionMode="single">
...
</p:dataTable>