2015-10-14 20 views
2

我想在右鍵單擊contextMenu中使用dataExporter作爲onclick動作。 可悲的是,我不知道如何來管理這個:(在p:contextMenu中調用p:dataExporter

dataExporter(簡單導出表日期XLS)和文本菜單被綁定到相同的dataTable

下面的代碼:

<p:contextMenu for = "tableForm"> 
    <p:menuitem value="View" icon="ui-icon-search"/> 
    <p:menuitem value="Delete" icon="ui-icon-close" /> 
</p:contextMenu> 

<p:commandLink ajax="false" width="24"> 
    <p:graphicImage value="/resources/images/Excel-icon.png" /> 
    <p:dataExporter type="xls" target="dataTable" 
     fileName="daneCentrumDataTable" /> 
</p:commandLink> 

任何人都知道如何做到這一點

+1

怎麼樣試圖在該文本菜單的菜單項使用一個onclick,然後做一個對commandLink「喀嗒」? – Kukeltje

+0

你能告訴我如何執行'點擊'一個commandLink嗎? – ntokarsk

+0

不,很抱歉stackoverflow中的很多例子,谷歌等 – Kukeltje

回答

1

繼@Kukeltje的想法是這樣的:?

<p:contextMenu for="dataTable"> 
    <p:menuitem value="View" icon="ui-icon-search"/> 
    <p:menuitem value="Delete" icon="ui-icon-close" /> 
    <p:menuitem value="Export" onclick="$('#export').click()" /> 
</p:contextMenu> 

<div style="display: none;"> 
    <p:commandLink id="export" ajax="false" width="24"> 
     <p:dataExporter type="xls" target="dataTable" fileName="daneCentrumDataTable" /> 
    </p:commandLink> 
</div> 

P.S:我h:formprependId="false"

+0

工程太棒了!謝謝米格爾!今天我會多次使用它,這真的是非常有價值的幫助。 – ntokarsk

+0

不客氣!但所有功勞都是爲了Kukeltje。 – Miguel