为Image组件创建Java控件

时间:2012-08-21 17:00:02

标签: java jsf xpages xpages-extlib

使用Creating Java control in an NSF的教程,我能够创建一个简单的Java控件。现在我想扩展它以便它显示一个图像,所以我按照以下方式修改了代码:

这是示例控件类,现在扩展UIGraphicEx类而不是UIComponentBase

package com.example.component;
import com.ibm.xsp.component.UIGraphicEx;
public class ExampleControl extends UIGraphicEx {
    public ExampleControl() {
        super();
        setRendererType("com.ibm.xsp.ImageEx");

    }
    @Override
    public String getFamily() {
        return "com.example.examplecontrol";
    }
}

这是上面定义的示例控件类的xsp-config文件。我已将<base-component-type>添加为com.ibm.xsp.component.UIGraphicEx,并将<renderer-type>设置为com.ibm.xsp.ImageEx,从而对其进行了修改。

<faces-config>
    <faces-config-extension>
        <namespace-uri>http://example.com/xsp/control</namespace-uri>
        <default-prefix>eg</default-prefix>
    </faces-config-extension>
    <component>
        <description>Example</description>
        <display-name>Example Control</display-name>
        <component-type>com.example.examplecontrol</component-type>
        <component-class>com.example.component.ExampleControl</component-class>
        <component-extension>
            <base-component-type>com.ibm.xsp.component.UIGraphicEx</base-component-type>
            <component-family>com.example.examplecontrol</component-family>
            <renderer-type>com.ibm.xsp.ImageEx</renderer-type>
            <tag-name>exampleControl</tag-name>
            <designer-extension>
                <category>Example</category>
                <selected-event>onclick</selected-event>
            </designer-extension>
        </component-extension>
    </component>
</faces-config>

我的渲染器类看起来像这样。我不是使用ResponseWriter类,而是将UIComponent对象转换为UIGraphicEx并设置其URL(图像存在于同一数据库中)。

package com.example.renderkit.html_basic;
import javax.faces.render.Renderer;
import java.io.IOException;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import com.ibm.xsp.component.UIGraphicEx;
public class ExampleRenderer extends Renderer {
    @Override
    public void encodeBegin(FacesContext context, UIComponent component) throws IOException {
        UIGraphicEx g = (UIGraphicEx)component;
        g.setUrl("review_icon.gif");
        g.setRendered(true);
        System.out.println("-----------" + g.getUrl());
    }
    @Override
    public void encodeEnd(FacesContext context, UIComponent component) throws IOException {
    }
}

当我在XPage中放置此控件时,没有给出输出,但方法System.out.println中的encodeBegin语句在控制台中触发。我在这做错了什么?这是正确的方法吗?

我的最终目标是动态生成图像数据(基于某些输入),然后通过渲染器将其置于图像控制中。我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:1)

请确保在组件xsp-config和faces-config中定义系列相同。另外,正如Toby所说,你没有向ResponseWriter写任何东西。您需要使用ResponseWriter将一些html输出到屏幕。或者,如果您只想输出与UIGraphicEx渲染器完全相同的内容,请让渲染器扩展它(UIGraphicEx Renderer类)并调用super.encodeBegin()和super.encodeEnd()。

package com.example.renderkit.html_basic;
import javax.faces.render.Renderer;
import java.io.IOException;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import com.ibm.xsp.component.UIGraphicEx;
public class ExampleRenderer extends Renderer {
    @Override
    public void encodeBegin(FacesContext context, UIComponent component) throws IOException {
        UIGraphicEx g = (UIGraphicEx)component;
        g.setUrl("review_icon.gif");
        g.setRendered(true);
        ResponseWriter writer = context.getResponseWriter();
        writer.append("<img src='http://someserver/somedb.nsf/review_icon.gif' />");
        System.out.println("-----------" + g.getUrl());
    }
    @Override
    public void encodeEnd(FacesContext context, UIComponent component) throws IOException {
    }

}

答案 1 :(得分:0)

编辑:您无法结束xagent并在服务器范围内部署它。我建议使用servlet并通过OSGI插件进行部署。