Question

我刚刚在link之前看过这篇文章。

我试图基于此设置一个示例项目。只需用jsf commandButton替换primeface按钮即可。见下文：

的template.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"  
  xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
    <!-- Links to CSS stylesheets... -->
    <title>title</title>
</h:head>

<h:body>
    <div id="wrapper">
        <div id="header">header</div>
        <script>alert("test");</script>
        <h:panelGroup id="content">
            <ui:insert name="content">
                Sample content.
            </ui:insert>
        </h:panelGroup>
    </div>

    <div id="footer">footer</div>
</h:body>

page1.xhtml看起来像这样：

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"  
            template="./template.xhtml">

<ui:define name="content">
    <h2>Page 1</h2>

    <h:form>
        <p>bla</p>
        <h:commandButton value="page2" action="page2">
            <f:ajax render=":content"></f:ajax>
        </h:commandButton>
    </h:form>
</ui:define>

最后page2.xhtml看起来像这样：

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"  
            template="./template.xhtml">

<ui:define name="content">
    <h2>Page 2</h2>

    <h:form>
        <p>blabla</p>
        <h:commandButton value="page1" action="page1">
            <f:ajax render=":content"></f:ajax>
        </h:commandButton>
    </h:form>
</ui:define>

正如您所看到的，我在template.xhtml上有一个简短的javascript。我现在想要从page1更改为page2时不调用此javascript。所以我想用这个ajax导航只更新内容部分，并且不会在页面更改时调用脚本。

但是当我点击commandButton时，脚本将被执行。我看了一眼萤火虫，发现洞身部分更新了，而不仅仅是内容div。

我做错了什么？是否可以使用此模板技术在内容部分上进行导航？或者我是否必须寻找另一种方法来解决这个问题？

我正在使用tomcat和myfaces。

提前致谢！

Answer 1

我认为不可能。如果要将视图从page1更改为page2，则基本上从模板开始构建page2。

如果您希望脚本为page1运行，那么将其包含在插入到模板中的page1的内容中，并且不要将其包含在第2页中，这样您只需要在主页中不需要脚本的情况下调用脚本模板。

通过ajax导航JSF2

1 个答案: