gpt4 book ai didi

jsf - 如何在JSF中制作图像按钮

转载 作者:行者123 更新时间:2023-12-03 11:35:22 24 4
gpt4 key购买 nike

我想要一个看起来像按钮的组件,但是它应该包含图像而不是文本。
因为标准按钮不提供此功能,所以我尝试使用<h:commandLink>:

<h:commandLink action="#{some_action}">
<p:panel styleClass="some_style">
<h:graphicImage value="#{some_image}">
</p:panel>
</h:commandLink>

这行不通。将 <h:commandLink>转换为 <a>标记,并将 <p:panel>转换为 <div><a> -tags可能不包含 <div> -tags,因此 <div> -tag自动放置在 <a> -tag之外。
结果是,只有图像是可单击的,而样式看起来像按钮的周围面板则不可单击。有没有办法使周围的面板成为链接的一部分,或将图像放置在按钮内?

我的项目使用JSF和Primefaces库:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:composite="http://java.sun.com/jsf/composite"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.prime.com.tr/ui">

最佳答案

您可以通过以下几种方法将图像添加到commandButton:

使用图像属性

<h:commandButton action="#{some_action}" image="button.gif" />

Absolute or relative URL of the image to be displayed for this button. If specified, this "input" element will be of type "image". Otherwise, it will be of the type specified by the "type" property with a label specified by the "value" property.



使用CSS
<h:commandButton action="#{some_action}" styleClass="button" />

.button {
background: white url('button.gif') no-repeat top;
}

关于jsf - 如何在JSF中制作图像按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5911163/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com