ZK 5 RC2/ZK 5 custom component problem

asked 2010-02-03 19:19:39 +0800

madspacer
9 ● 1

Hi,

I am having problem getting the example label custom component widget to work under ZK 5 RC2/ZK 5. The sample can be found on this page: http://docs.zkoss.org/wiki/A_Simple_Example:_Label

All I got is the processing screen without any errors in the log. The strange thing is it worked fine under ZK 5 RC.

Here are my files with their directory path:

/WEB-INF/home.zul (starting zul page)

<SimpleLabel value="hello world">
</SimpleLabel>

/WEB-INF/zk.xml

<zk>
<language-config>
<addon-uri>/WEB-INF/zk/lang-addon.xml</addon-uri>
</language-config>
</zk>

/WEB-INF/zk/lang-addon.xml

<language-addon>
<addon-name>com.foo</addon-name>
<language-name>xul/html</language-name>

<component>
<component-name>SimpleLabel</component-name>
<component-class>com.foo.SimpleLabel</component-class>
<widget-class>com.foo.SimpleLabel</widget-class>
<mold>
<mold-name>default</mold-name>
<mold-uri>mold/simple-label.js</mold-uri>
</mold>
</component>
</language-addon>

/src/java/web/js/com/foo/zk.wpd

<package name="com.foo" language="xul/html">
<widget name="SimpleLabel"/>
</package>

/src/java/web/js/com/foo/SimpleLabel.js

com.foo.SimpleLabel = zk.$extends(zk.Object, {
_value: '', //default value

getValue: function () {
return this._value;
},
setValue: function(value) {
if (this._value != value) {
this._value = value;
if (this.$n()) this.$n().innerHTML = zUtl.encodeXML(value);
}
}
});

/src/java/web/js/com/foo/mold/simple-label.js

function (out) {
out.push('<span', this.domAttrs_(), '>', this.getValue(), '</span>');
}

/src/java/com/foo/SimpleLabel.java

package com.foo;

public class SimpleLabel extends org.zkoss.zk.ui.HtmlBasedComponent {
private String _value = ""; //a data member

public String getValue() {
return _value;
}
public void setValue(String value) {
if (!_value.equals(value)) {
_value = value;
smartUpdate("value", _value);
}
}
protected void renderProperties(org.zkoss.zk.ui.sys.ContentRenderer renderer)
throws java.io.IOException {
super.renderProperties(renderer);
render(renderer, "value", _value);
}
}

I've must done something wrong here. Thanks in advance!