<p:commandButton> mit icon-Bild wird nicht angezeigt
Ich habe gekämpft, dieses für eine Weile. Ich bin mit primefaces 3.5. Ich habe einen command-button mit icon-Attribut. Aber das Bild scheint nicht angezeigt. Ich bin nicht sicher, ob ich die Bild-url richtig. Ich habe versucht ein paar Weg. Aber immer noch nicht funktioniert. Im firebug kann ich sehen das Symbol.
Mein Bild, die sich auf /BelsizeWeb/WebContent/Design/primefaces-aristo/Bilder
CSS, die sich auf /BelsizeWeb/WebContent/Design/primefaces-aristo
Thema.css
.ui-icon-excel {
background-image: url("images/toexcel.gif");
}
xhtml
<link type="text/css" rel="stylesheet"
href="#{request.contextPath}/theme/primefaces-aristo/theme.css" />
<p:commandButton type="submit"
styleClass="commandExButton_image" id="cr1001_command_toexcel"
icon="ui-icon-excel"
action="#{pc_Cr1001.doCr1001_command_toexcelAction}" ajax="false">
</p:commandButton>
InformationsquelleAutor hahagal | 2013-05-17
Du musst angemeldet sein, um einen Kommentar abzugeben.
Icon-Eigenschaft wird die Arbeit mit PrimeFaces (jQuery UI) predifinded Symbol nur.
Lösen Ihre Anforderung gibt es zwei Möglichkeiten.
1. Mit Bild von p:commandButton
Ändern Sie die css-Klasse, wie unten gezeigt,
Dann nutzen Sie Ihre command-Taste, wie unten gezeigt,
2. Verwenden jsf h:commandButton wie unten gezeigt,
Können Sie ajaxify h:commandButton weitere
Kasse hier w3.org/TR/CSS21/cascade.html#important-rules
InformationsquelleAutor Jitesh