将<p:commandbutton>样式应用于<p:commandlink>因为我基本上需要<p:commandbutton target =“_ blank”> </p:commandbutton> </p:commandlink> </p:commandbutton>

时间:2013-10-10 21:52:34

标签: jsf primefaces commandlink commandbutton

有谁知道如何将命令按钮中的相同样式添加到所有命令链接?

我希望所有链接都显示为这样(覆盖链接样式和使用按钮样式):

正常按钮: enter image description here

悬停按钮: enter image description here

按下按钮: enter image description here

我目前的主要主题是开始

2 个答案:

答案 0 :(得分:16)

根据评论,只需坚持<p:commandButton>并使用替代解决方案来解决在新窗口中打开PDF文件下载的初始功能需求,而无需明确设置<h:form target>(这将影响所有表单的命令按钮/链接。)

<p:commandButton ... ajax="false" onclick="form.target='_blank'">

最终减少了CSS痛苦。

答案 1 :(得分:3)

您可以使用命令按钮中使用的样式表进行命令链接。

  <p:commandLink style="padding: .3em 1em;" styleClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-c" ajax="false" value="Download as Excel" download="#{salaryCycleController.current}.xls" onclick="return ExcellentExport.excel(this, 'tbl', 'Sheet1');" ></p:commandLink>

我被迫使用p:commandLink作为p:commandButton不支持下载属性。