只是一个基本需求,但无法让它工作.
我想有一个primefaces按钮来显示我的图像,没有任何文字.
我想有一个primefaces按钮来显示我的图像,没有任何文字.
但我得到的是一个只包含^字符的按钮,不显示图像,只有16×16的大小.@H_301_4@
所以,这是primefaces按钮:@H_301_4@
<p:commandButton image="ui-icon-csv" title="CSV Document" ajax="false"> <p:dataExporter type="csv" target="gridRPBDetails" fileName="#{tInputBean.exportFilename}" /> </p:commandButton>
.ui-icon-csv { background-image: url(images/csv_small.png); }
<button type="submit" onclick=";" name="gridRPBDetails:j_idt82" id="gridRPBDetails:j_idt82" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false"> <span class="ui-button-icon-primary ui-icon ui-icon-csv"></span><span class="ui-button-text">CSV Document</span> </button>
为了证明图像可访问,我尝试这个URL,它确实显示了图片:@H_301_4@
http://albert:8080/mywebapp/faces/javax.faces.resource/images/csv_small.png
我使用tomcat 7,这些是我的依赖:@H_301_4@
<dependency> <groupId>org.primefaces</groupId> <artifactId>primefaces</artifactId> <version>2.2.1</version> </dependency> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-api</artifactId> <version>2.0.4-b09</version> <scope>compile</scope> </dependency> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-impl</artifactId> <version>2.0.4-b09</version> <scope>compile</scope> </dependency>
出了什么问题?@H_301_4@
谢谢 !@H_301_4@
解决方法
在使用firebug进行一些调查后,我发现罪魁祸首来自我定义的CSS内容.
所以这些是我为使这项工作所做的改变.@H_301_4@
JSF按钮:@H_301_4@
<p:commandButton image="ui-icon-xls" title="Excel Document" ajax="false"> <p:dataExporter type="xls" target="gridRPBDetails" fileName="#{tInputBean.exportFilename}" /> </p:commandButton>
CSS:@H_301_4@
.ui-state-default .ui-icon-xls { background-image: url(images/excel_small.png); }
<button type="submit" title="Excel Document" onclick=";" name="gridRPBDetails:j_idt81" id="gridRPBDetails:j_idt81" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" role="button" aria-disabled="false"> <span class="ui-button-icon-primary ui-icon ui-icon-xls"></span> <span class="ui-button-text">ui-button</span> </button>
谢谢 !@H_301_4@