Укладка одной внешней ссылки JSF, чтобы она выглядела как кнопка

Question

Primefaces 3.5, Omnifaces 1.6

У меня есть группа кнопок с иконками. На кнопках есть действие, которое нужно сделать на странице (например, удаление или добавление новой строки в datatable). Я хочу добавить новое «что-то», которое выглядит точно так же, как кнопки, но с внешней ссылкой. Если я нажму на эту новую кнопку, откроется новая вкладка/окно. Для этой цели я использую p:commandButton и h:outputLink.

<p:commandButton action="#{bean.do1}" icon= ...> 
<p:commandButton action="#{bean.do2}" icon= ...> 

<h:outputLink value="#{bean.url}" target="_blank"> 
    <i class="icon-external-link"></i> 
</h:outputLink> 

Как я могу это достичь?

Answer 1

• Используйте p:button, который действует как ссылка:

  <p:button href="http://www.stackoverflow.com" value="Go to SO" /> 
  

• Если вы хотите пустой цели и начиная с Primefaces 3.5.5, there's the chance на использование target атрибут непосредственно:

  <p:button target="_blank" href="http://www.stackoverflow.com" value="Go to SO" /> 
  

• Когда вы находитесь ниже PF 3.5.5, вы could do Некоторые javascrip т, чтобы открыть его в пустой цели:

  <p:button value="Go to SO" onclick="window.open('http://www.stackoverflow.com')" /> 
  

• Все вышеперечисленное использования вариантов Javascript, чтобы изменить расположение окна браузера. Для того, чтобы генерировать бот-промысловойHTML link элемент, сделать использование h:outputLink (или просто обычный HTML a элемент), и стиль его с помощью классов Primefaces':

  <h:outputLink value="http://www.stackoverflow.com" 
      styleClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"> 
      <span class="ui-button-text">Go to SO</span> 
  </h:outputLink> 
  

Смотрите также :

• window.location.href vs clicking on an Anchor