2013-10-10 6 views
5

Кто-нибудь знает, как поместить одинаковые стили из командной строки во все командные ссылки?Применение стиля <p: commandButton> к <p: commandLink>, потому что мне в основном нужно <p: commandButton target = "_ blank">

Я хочу, чтобы все ссылки выглядят следующим образом (наиважнейшая ссылки стили и используя стили кнопки):

Нормальная кнопка: enter image description here

: кнопка enter image description here

парил

A нажатая кнопка: enter image description here

Моя текущая тема primefaces является старт

+0

@BalusC Поскольку мне нужно открыть новую вкладку в браузере, чтобы показать pdf-файл, а не имеет целевого атрибута –

+0

не работает, но делает. Другой способ - поместить стили ко всем компонентам . Можете ли вы помочь мне сделать некоторые из этих вещей, пожалуйста, –

ответ

16

Согласно комментариям, просто придерживаться <p:commandButton> и использовать альтернативное решение для решения начального функционального требования о необходимости открыть PDF файл скачать в новом окне без явно устанавливая <h:form target> (что повлияет на все командные кнопки/ссылки формы).

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

Это заканчивается тем, что уменьшает боль в CSS.

+0

Спасибо @BalusC. Как всегда, ты самый лучший –

+0

Добро пожаловать. – BalusC

+0

@eddy Привет, пожалуйста, не пытайтесь захватывать темы. – jpangamarca

1

Вы можете использовать таблицы стилей, используемые в командной кнопке для командной ссылки.

<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 не поддерживал атрибут загрузки.