2

我在复合组件中使用 Ajax 时遇到了问题（与使用 clientBehavior 属性的 Ajaxifying 自定义组件相反）。

当页面最初呈现时，我遇到了一个 ajax 请求的目标需要存在于 DOM 中的老问题。

自定义组件具有一些内部 ajax 交互，但从最初呈现为 false 的 div 访问，并且 ajax 停止工作，通常在服务器日志中没有任何错误消息。

这个简单的例子演示了这个问题。如果 showPanel 属性最初设置为 true，您可以输入一些文本，点击推送链接并在屏幕上看到更新的文本 - 一切正常。如果 showPanel 设置为 false，您可以点击显示面板的 Toggle 按钮，但“push”链接不再起作用。

显然，如果这种复合材料可以用作完全封装的分立组件，那将是有益的。

有谁知道是否有办法解决这个问题？我刚刚花了很长时间写了一个全唱全跳舞的组件，而我第一次尝试使用它却不起作用！

谢谢。

Mojarra 2.0.4 Glassfish 3.0.1 IE8/Chrome。

索引.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:sqcc="http://java.sun.com/jsf/composite/sqcc"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form prependId="false">
            <h:panelGroup id="ajaxTarget">
                <h:panelGroup rendered="#{indexBean.showPanel}">
                    <sqcc:testcomp value="#{indexBean.text}"/>
                </h:panelGroup>
            </h:panelGroup>
            <h:commandButton value="Toggle" action="#{indexBean.togglePanel}">
                <f:ajax render="ajaxTarget"/>
            </h:commandButton>
        </h:form>
    </h:body>
</html>

资源/sqcc/testcomp.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:cc="http://java.sun.com/jsf/composite"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <!-- INTERFACE -->
    <cc:interface>
        <cc:attribute name="value"/>
    </cc:interface>

    <!-- IMPLEMENTATION -->
    <cc:implementation>
        <div id="#{cc.clientId}">
            <h:form prependId="false">
                <h:inputText id="input1" value="#{cc.attrs.value}"/>
                <h:outputText id="output1" value=" #{cc.attrs.value}"/><br/>
                <h:commandLink value="push">
                    <f:ajax execute="input1" render="output1"/>
                </h:commandLink>
            </h:form>
        </div>
    </cc:implementation>
</html>

IndexBean.java

import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean
@ViewScoped
public class IndexBean implements Serializable {

    public IndexBean() {
    }

    private boolean showPanel = true;
    private String text;

    public String togglePanel() {
        showPanel = !showPanel;
        return null;
    }

    public boolean isShowPanel() {
        return showPanel;
    }

    public void setShowPanel(boolean showPanel) {
        this.showPanel = showPanel;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }
}

[结尾]

4

1 回答 1

1

不应该真的回答我自己的问题，但几周后我又回到了这个问题。我原来的帖子中的一个大错误是 Ajax 目标只需要呈现，而不一定是在第一页加载时，众所周知。我一定是累了。

我的测试应用程序表现出的行为，即“复合组件中的 ajax”如果最初没有渲染外部容器，则实际上是正确且可重现的，但前提是复合组件实现内部的逻辑在它自己的形式内. 从 cc 中取出 h:form，一切正常。

布伦丹。

于 2011-03-14T22:35:47.153 回答