JSF-单击<a>元素</a>时调用bean方法

Question

所以我有一个anchor元素，它的href属性是从bean动态设置的。 我正在使用锚，因为它正在与fancybox javascript交互。 我需要做的是单击锚点时在Bean中调用一个方法，以便href将再次更新。 上面有一个文本框也绑定到了bean。 需要发生的是从文本框中获取文本，并将其解析为锚的href的查询字符串。

我正在尝试找出发生这种情况的最佳方法（如果可能的话）。 我可以使用javascript（或Ajax）调用updateHref（）方法吗？

文本框和锚点元素（需要更新的是ModelBean.ending）：

<h:inputTextarea value="#{ModelBean.tweet}" class="textarea.hs-input #{ModelBean.tweetClass}" style="width:200px;" >
                        <f:facet name="label">
                            Tweet
                        </f:facet>
                    </h:inputTextarea>

                </td>
            </tr>
            <tr>
                <td>
                    <h:commandButton value="Analyze Tweet" class="hs-button orange" action="#{ModelBean.tweetAnalysis()}" />
                </td>
                <td>
                    <a href="https://app.hubspot.com/social/#{ModelBean.hubID}/publishing/compose_bookmarklet?body=#{ModelBean.ending}" class="hs-button primary fancybox-iframe" data-fancybox-type="iframe"  >
                        Tweet it!
                    </a>
                </td>
            </tr>

这是需要调用的Java代码：

ending = URLEncoder.encode(tweet, "UTF-8");
ending = ending.replaceAll("\\+", "%20");

如果您认为代码的任何其他部分将是有用的，请告诉我！ 在此先感谢您的任何建议！

Answer 1

如果使用JSF 2.0，则f：ajax标记可能会解决您的问题。 这是f：ajax标签的示例用法，

    <h:commandLink value="#{..}">
        <f:ajax execute="name" render="output" />
    </h:commandLink>
    <h:inputTextarea id="output" value="#{..}" />

execute =“ name” –表示ID为“ name”的表单组件将被发送到服务器进行处理。 对于多个组件，只需在它们之间用空格分隔即可，例如execute =” name anotherId anotherxxId”。 在这种情况下，它会提交的文本框的值。

render =“输出” –在Ajax请求之后，它将刷新ID为“输出”的组件。 在这种情况下，Ajax请求完成后，它将刷新h：inputTextarea组件。