2015-04-30 2 views
0

enter image description herePrimefaces CommandButton, чтобы добавить изображение не работает

Я добавить определенную кнопку изображение CommandButton пользователя его не working.I пытаться ниже код:

<p:commandButton id="addMoreButton" value="" 
    action="#{ContactDetails.addMoreButtonAction}" image="#{General.image}"/> 

В замене изображения использовать значок атрибута значок = "addMoreImageButton", но он также не работает. CSS:

.addMoreImageButton 
      { 
       background-image: url("#{GeneralPageAttributes.addMoreImageButton}");    
      } 

мне нужно только изображение кнопки не текст, то, что приписывать выбрали его.

+0

Что не работает? что вы видите и что вы хотите видеть? – Shahzeb

+0

укажите, что изображение не отображается в командной строке. Он показывает только символ^ –

+0

. Откройте его в хроме и щелкните правой кнопкой мыши. Проверьте правильность URL-адреса изображения – Shahzeb

ответ

2

Существуют следующие способы, вы можете создать изображение кнопки: (Испытано код)

[Использование CommandButton]

<p:commandButton id="addMoreButton" value="" action="#" 
    image="http://c.dryicons.com/images/icon_sets/christmas_surprise_four_in_one/png/128x128/frost_button.png" /> 

Если указан атрибут 'image' для CommandButton, кнопка будет иметь тип изображения без какого-либо текста на нем, даже если атрибут 'value' указан с некоторой строкой.

[Использование commandLink]

<p:commandLink id="addMoreButton1" value="" action="#"> 
    <p:graphicImage url="http://c.dryicons.com/images/icon_sets/christmas_surprise_four_in_one/png/128x128/frost_button.png" /> 
</p:commandLink> 

Используйте ваши действия боба на месте #. Также укажите атрибут styleClass или style, чтобы еще больше украсить ваши элементы управления.

Смежные вопросы