Question

我试图用下面的片段来按点点点利息按钮:

<h:outputLink value="http://pinterest.com/pin/create/button/" class="pin-it-button" count-layout="horizontal">
   <f:param name="url" value="#{beanOne.someMethod}/sometext{prettyContext.requestURL.toURL()}"/>
   <f:param name="media" value="#{beanOne.someOtherMethod}/sometext/somemoretext/#{beanTwo.someMethodTwo}-some-text.jpg"/>
   <f:param name="description" value="#{beanTwo.someOtherMethodTwo}"/>
   <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</h:outputLink>

下面是加查语:

the whole markup is created from the combination of four different methods from two different beans as well as some static text
the url parameters obviously need to be urlencoded, therefore I am using f:param inside h:outputLink so that they get urlencoded
the generated a tag needs to have the non-standard count-layout="horizontal" attribute

现在,我的问题是:"/强"

How can I inject the count-layout attribute into h:outputLink or the generated anchor tag
Otherwise if I cannot, what would be another non-invasive (I don t want to change the bean methods) way to accomplish the required pinit button markup?

所需的标记可在"http://pinterest.com/about/goodies/"rel="nofollow" 下方的“为网站按键”部分找到。

Answer 1

使用普通的lt;a> 元素和 < a href="https://stackoverflow.com/ questions/7079978/how-to-depate-a-custom-el-form-form-forpority"的常规EL 函数 urLEncoder#encode () 。

<c:set var="url" value="#{beanOne.someMethod}/sometext#{prettyContext.requestURL.toURL()}"/>
<c:set var="media" value="#{beanOne.someOtherMethod}/sometext/somemoretext/#{beanTwo.someMethodTwo}-some-text.jpg"/>
<c:set var="description" value="#{beanTwo.someOtherMethodTwo}"/>

<a href="http://pinterest.com/pin/create/button/?url=#{utils:encodeURL(url)}&amp;media=#{utils:encodeURL(media)}&amp;description=#{utils:encodeURL(description)}" class="pin-it-button" count-layout="horizontal">
   <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>

(注意 class ) 属性对无效, 您应该使用 stypeClass )

或为为 count-layout 属性增加支持的 aunt-layout 创建自定义创建器。假设您重新使用 Mojarra, 最简单的办法是扩展其 OutputLinkRenderer :

public class ExtendedLinkRenderer extends OutputLinkRenderer { @Override protected void writeCommonLinkAttributes(ResponseWriter writer, UIComponent component) throws IOException { super.writeCommonLinkAttributes(writer, component); writer.writeAttribute("count-layout", component.getAttributes().get("count-layout"), null); } }

要运行,请在 faces-config.xml 中注册如下:

<render-kit> <renderer> <component-family>javax.faces.Output</component-family> <renderer-type>javax.faces.Link</renderer-type> <renderer-class>com.example.ExtendedLinkRenderer</renderer-class> </renderer> </render-kit>

友情链接