Putting it all Together"
From Documentation
Tmillsclare (talk | contribs) m (Created page with 'The widget class must extend from <javadoc directory="jsdoc">zk.Widget</javadoc> or one of its derived classes. There are several skeletal implementations available. The skeletal…') |
Jumperchen (talk | contribs) |
||
| (4 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | {{ZKComponentDevelopmentEssentialsPageHeader}} | |
| − | |||
| − | |||
| − | + | The widget implementation must be placed in an independent JavaScript file. The file must be placed under the directory, '''/web/js/package-path''', in the Java class path. Since the widget name is SimpleLabel and the package name is com.foo, the file path is '''/web/js/com/foo/SimpleLabel.js'''. | |
| + | |||
| + | <source lang="javascript"> | ||
| + | com.foo.SimpleLabel = zk.$extends(zk.Widget, { | ||
| + | _value : '', // default value | ||
| + | |||
| + | getValue : function() { | ||
| + | return this._value; | ||
| + | }, | ||
| + | |||
| + | setValue : function(value) { | ||
| + | if (this._value != value) { | ||
| + | this._value = value; | ||
| + | if (this.desktop) | ||
| + | this.$n().innerHTML = zUtl.encodeXML(value); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | }); | ||
| + | </source> | ||
| + | |||
| + | Having set-up the ability to handle states we now need to create the component view. This can be accomplished using two methods. | ||
| + | |||
| + | {{ZKComponentDevelopmentEssentialsPageFooter}} | ||
Latest revision as of 06:18, 23 September 2010
The widget implementation must be placed in an independent JavaScript file. The file must be placed under the directory, /web/js/package-path, in the Java class path. Since the widget name is SimpleLabel and the package name is com.foo, the file path is /web/js/com/foo/SimpleLabel.js.
com.foo.SimpleLabel = zk.$extends(zk.Widget, {
_value : '', // default value
getValue : function() {
return this._value;
},
setValue : function(value) {
if (this._value != value) {
this._value = value;
if (this.desktop)
this.$n().innerHTML = zUtl.encodeXML(value);
}
}
});
Having set-up the ability to handle states we now need to create the component view. This can be accomplished using two methods.