Question

我已经创建了一个自定义组件，下面是组件的渲染器，在启动组件时渲染正常，但AjaxOuputPanel永远不会再次使用每个ajax请求渲染...所以代码有什么问题

此外，在任何添加HtmlAjaxOutputPanel类型的子组件的组件上重复该情况，该组件在开始时呈现为OK，但ajax out面板从未再次呈现...组件代码：

package eg.com.etisalat.web.rich.components.inputtext;

import java.io.IOException;

import javax.el.ELContext;
import javax.el.ExpressionFactory;
import javax.faces.application.Application;
import javax.faces.component.UIComponent;
import javax.faces.component.html.HtmlGraphicImage;
import javax.faces.component.html.HtmlInputText;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;

import org.ajax4jsf.component.UIAjaxOutputPanel;
import org.ajax4jsf.component.html.HtmlAjaxOutputPanel;
import org.ajax4jsf.renderkit.AjaxComponentRendererBase;

public class InputTextRenderer extends AjaxComponentRendererBase {

    @SuppressWarnings({ "rawtypes", "unchecked" })
    @Override
    protected Class getComponentClass() {
        return eg.com.etisalat.web.rich.components.inputtext.HtmlInputText.class;
    }

    public void doEncodeBegin(ResponseWriter writer, FacesContext context,
            UIComponent component) throws IOException {

        ELContext elContext = context.getELContext();
        Application app = context.getApplication();
        ExpressionFactory exprFactory = app.getExpressionFactory();

        String clientId = component.getClientId(context);
        String componentId = component.getId();
        component.getChildren().clear();

        String readonly = (String) component.getAttributes().get(Constants.ATT_READ_ONLY);
        String styleClass = (String) component.getAttributes().get(Constants.ATT_STYLE_CLASS);
        String required = (String) component.getAttributes().get(Constants.ATT_REQUIRED);
        String requiredMessage = (String) component.getAttributes().get(Constants.ATT_REQUIRED_MESSAGE);

        writer.startElement("div", component);
        getUtils().writeAttribute(writer, "id", clientId);

        String inputFieldId = componentId + "InputField";

        javax.faces.component.html.HtmlInputText inputTextCom = new HtmlInputText();
        inputTextCom.setId(inputFieldId);

        inputTextCom.setOnchange(inputFieldId + "StoredValue = this.value");

        if (null != readonly) inputTextCom.setReadonly(Boolean.parseBoolean(readonly));
        if (null != styleClass) inputTextCom.setStyleClass(styleClass);
        if (null != required) inputTextCom.setRequired(Boolean.parseBoolean(required));
        if (null != requiredMessage) inputTextCom.setRequiredMessage(requiredMessage);

        component.getChildren().add(inputTextCom);

        if(null != required && Boolean.parseBoolean(required)) {
            HtmlAjaxOutputPanel outpanel = new HtmlAjaxOutputPanel();
            outpanel.setId(componentId + "InputFieldValidation");
            outpanel.setAjaxRendered(true);

            HtmlGraphicImage icon = new HtmlGraphicImage();
            icon.setUrl((String)exprFactory.createValueExpression(elContext, "" +
                    "#{(not empty webUtil.messagesMap['" + inputFieldId + "']) ? '/images/info_red_16_16_.png' : " +
                            "'/images/info_yellow_16_16_.png'}"
                    , String.class).getValue(elContext));
            icon.setStyleClass("errorIcon");
            icon.setTitle(requiredMessage);

            outpanel.getChildren().add(icon);
            component.getChildren().add(outpanel);
        }

        String elementId = inputTextCom.getClientId(context);

        writer.startElement("script", component);
        writer.writeAttribute("type", "text/javascript", null);
        writer.write("if(typeof " + inputFieldId + "StoredValue != \"undefined\") document.getElementById('" + 
                elementId + "').value = " + inputFieldId + "StoredValue;");
        writer.endElement("script");
    }

    @Override
    protected void doEncodeEnd(ResponseWriter writer, FacesContext context,
            UIComponent component) throws IOException {
        writer.endElement("div");
    }
}

Answer 1

好的我发现了问题，就是使用了facelets.REFRESH_PERIOD，这个属性如果值为正，则会使用原始文档中的每个请求重建ui树（调用facelets刷新方法）

因此解决方案是将该属性设置为-1

来禁用该属性

Richfaces自定义组件渲染器问题

1 个答案: