代码之家 › 专栏 › 技术社区 › Frischling

使用@ManagedBean中的值执行JS函数

jsf-2.2 jsf

Frischling · 技术社区 · 7 年前

我有一个后端restservice调用,返回一个值,我必须用它执行JS函数(为了简单起见,我在前端取了“alert”。这必须在JSF中实现,我现在很困难。

以下是(在许多其他事情中)我尝试过的:

<p:commandLink action="#{viewingSessionBean.prepareViewingSession(document)}" oncomplete="alert('#{viewingSessionBean.name(document)}')">
     <p:graphicImage value="documentViewerPopup.png"/>
</p:commandLink>

这里是bean(缩短以使要点更清楚):

@ManagedBean
@ViewScoped
public class ViewingSessionBean implements Serializable {
     private String name;

     public String prepareViewingSession(Document document) {
          name = restClient.call()
          hashMap.put(document.getBlobId(), name);
          return null;  // don't navigate away...
     }

     public String name(Document document) {
         return hashMap.get(document.getBlobId()); // return null if nothing is cached for the document yet there
     }

}

 <h:commandScript action="alert('#{viewingSessionBean.prepareViewingSession(document)}') />

1 回复 | 直到 7 年前

Bonifacio 7 年前

这有点棘手,但仍然可行。

让我们从你的bean开始:

@ManagedBean
@ViewScoped
public class ViewingSessionBean implements Serializable {

     private String variable;

     public String getVariable() {
        return this.variable;
     }

     public void updateVariableValue(Document document) {
          variable = restClient.call();
     }

}

<h:form id="form">
    <p:commandLink id="firstLink"
                   actionListener="#{viewSessionBean.updateVariableValue(document)}" 
                   update=":form:secondLink"
                   oncomplete="$('#form\\:secondLink').click()"/>
    <p:commandLink id="secondLink" onclick="alert('#{viewSessionBean.variable}')" style="display: none;"/>
</h:form>

第一:它使用了两个commandLinks,而不仅仅是一个,为什么?因为在第一个链接的oncomplete调用时,bean变量已经是最新的,但您的html代码不是最新的。因此,为了获得bean变量的更新值,我们做了以下事情:

在第二个链接上进行ajax更新,以从bean中获取更新后的值;
调用oncomplete方法并单击第二个链接(现在用正确的值更新);

第三:第二个链接设置为显示:无样式,使其在屏幕中不可见。

现在只想一想:JSF与JavaScript配合使用效果很好,但有时我们不得不使用一些像这样的笨拙技巧来完成“简单”的任务。我并不是说JSF不好,但我认为我们可以用一种更“开箱即用”的方法来处理这类事情。不过这只是我的意见。

推荐文章

QA_Col · 在相同的JSF中从p:accordionPanel获取activeIndex

6 年前

Bjørn Stenfeldt · 无法在JSF facelets中使用VueJS属性前缀

6 年前

gogogaga · jsf 2.2中的URL更新[重复]

6 年前

Panu Haaramo · 当控件未呈现时,为什么h:link值调用bean方法?

6 年前

katiex7 · 在JSF中处理表单时,它是否都发生在一个线程中?

6 年前

Moamen Adel · 在jsf模板中向组件添加类

7 年前

Smoketx · 组件中的操作侦听器不工作

7 年前

Neha · 选中标题中的所有复选框,以选中该列中的所有复选框

7 年前

Frischling · 使用@ManagedBean中的值执行JS函数

7 年前

Stephan · 首次提交表格后无法维护上传的文件

7 年前