Unable to make zk load an add-on

asked 2012-04-17 12:58:17 +0800

cvarona
554 ● 1 ● 6

Hi,

I'm trying to develop a component with a functionality similar to that of datebox, but based on textbox so that digital bush masks can be applied. This is the structure of the src/main/resources folder in the maven add-on module I've created to host the new component:

│   log4j.properties
│   logback.xml
│
├───com
│   └───ptb
│       └───clerzk
│               messages.properties
│               messages_es.properties
│
├───metainfo
│   └───zk
│           lang-addon.xml
│
└───web
    └───js
        └───smartdb
            │   SmartDatebox.js
            │   zk.wpd
            │
            ├───css
            │       smartdb.css.dsp
            │
            └───mold
                    smartdb.js

And these are the contents of the relevant files (I don't intend it to work in this phase of development, just want it to get loaded):

lang-addon.xml:

<language-addon>
    <addon-name>smartdb</addon-name>
    <version>
        <version-class>com.ptb.clerzk.Version</version-class>
        <version-uid>2.0</version-uid>
        <zk-version>6.0.0</zk-version>
    </version>
    <language-name>xul/html</language-name>
    <component>
        <component-name>smartdb</component-name>
        <component-class>com.ptb.clerzk.SmartDatebox</component-class>
        <widget-class>smartdb.SmartDatebox</widget-class>
        <mold>
            <mold-name>default</mold-name>
            <mold-uri>mold/smartdb.js</mold-uri>
            <css-uri>css/smartdb.css.dsp</css-uri>
        </mold>
        <mold>
            <mold-name>rounded</mold-name>
            <mold-uri>mold/smartdb.js</mold-uri>
            <css-uri>css/smartdb.css.dsp</css-uri>
        </mold>
    </component>
</language-addon>

zk.wpd:

<package name="smartdb" language="xul/html" depends="zul" >
    <widget name="SmartDatebox"/>
</package>

SmartDatebox.js:

smartdb.SmartDatebox = zk.$extends( zul.inp.Textbox );

smartdb.js:

zul.inp.ComboWidget.prototype.redraw_

smartdb.css.dsp

<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %>.z-calendar{background:white;border:1px solid #C5C5C5;font-family:${fontFamilyC};font-size:${fontSizeM};font-weight:normal;width:215px;padding:2px;}.z-calendar,.z-calendar-title-over{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}.z-datebox-rounded-pp .z-calendar,.z-datebox-pp .z-calendar{border:0;}<%-- Calendar and Datebox --%>.z-calendar-tdl,.z-calendar-tdr{position:relative;width:10px;padding-bottom:10px;width:16px;cursor:pointer;}.z-calendar-left,.z-calendar-right{position:relative;}.z-calendar-left-icon,.z-calendar-right-icon{border-top:6px solid white;border-bottom:6px solid white;height:0;width:0;line-height:0;position:absolute;cursor:pointer;font-size:0;}.z-calendar-left-icon{border-right:6px solid #ccc;border-left:0;right:0;}.z-calendar-right-icon{border-left:6px solid #ccc;border-right:0;left:0;}.z-calendar-over .z-calendar-left-icon{border-right-color:#c3e5f4;}.z-calendar-over .z-calendar-right-icon{border-left-color:#c3e5f4;}.z-calendar-icon-disd .z-calendar-left-icon{border-right:6px solid #E3E3E3;cursor:auto;}.z-calendar-icon-disd .z-calendar-right-icon{border-left:6px solid #E3E3E3;cursor:auto;}.z-calendar-icon-disd{cursor:default;}.z-calendar-disd{opacity:.6;filter:alpha(opacity=60);}.z-calendar-disd,.z-calendar-disd *{cursor:default!important;color:#AAA!important;color:rgba(170,170,170,0.6)!important;}.z-datebox-timezone-body,.z-datebox-timezone-item{font-family:${fontFamilyC};font-size:${fontSizeM};font-weight:normal;}.z-calendar-calctrl td{font-size:${fontSizeM};text-align:center;white-space:nowrap;}.z-calendar-title,.z-calendar-calctrl .z-calendar-ctrler{cursor:pointer;font-weight:bold;font-family:${fontFamilyT};font-size:${fontSizeM};color:#636363;}.z-calendar-caldayrow .z-calendar-over,.z-calendar-title-over .z-calendar-ctrler{color:#4D9CB5;}.z-calendar-calyear td,.z-calendar-calmon td{padding:12px 3px;font-size:${fontSizeM};}.z-calendar-calday{table-layout:fixed;}.z-calendar-calyear td,.z-calendar-calmon td,.z-calendar-caldayrow td{font-size:${fontSizeS};text-align:center;cursor:pointer;text-decoration:none;-moz-user-select:none;color:#636363;}.z-calendar-calday td{padding:3px 0;}.z-calendar-calyear .z-calendar-over,.z-calendar-calmon .z-calendar-over,.z-calendar-caldayrow .z-calendar-over{background:#E3F2FF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px 3px rgba(0,0,0,0.35);}.z-calendar-calyear td.z-calendar-seld,.z-calendar-calmon td.z-calendar-seld,.z-calendar-calday td.z-calendar-seld{background:#D9EFFA;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px 3px rgba(0,0,0,0.35);}.z-calendar td.z-calendar-over-seld{background:#C3E5F4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px 3px rgba(0,0,0,0.35);color:#008BB6;}.z-calendar-caldow td{text-align:center;}.z-calendar-caldow .z-calendar-wkend,.z-calendar-caldow .z-calendar-wkday{font-family:${fontFamilyT};font-weight:bold;font-size:${fontSizeS};}.z-calendar-caldow .z-calendar-wkend{color:#f7941d;}.z-calendar-caldow .z-calendar-wkday{color:#636363;}.z-calendar .z-calendar-outside{color:#AAA;text-shadow:none;}<%-- Calendar weekend --%>td.z-calendar-wkend{background:#F3F3F3;}<%-- Issues --%><%-- 3159648 --%><c:if test="${zk.gecko>0}">.z-calendar-disd,.z-calendar-disd *{opacity:1;color:rgba(170,170,170,0.6)!important;}</c:if><%-- 1735084 --%><c:if test="${zk.ie>0}">.z-calendar-calyear td{color:#363636;}</c:if>

Version.java

package com.ptb.clerzk;

public class Version {
    public static final String UID = "2.0";
}

SmartDatebox.java:

package com.ptb.clerzk;

import org.zkoss.zk.ui.WrongValueException;

public class SmartDatebox extends org.zkoss.zul.Textbox {

    public SmartDatebox() {
    }

    public SmartDatebox( String value ) throws WrongValueException {
        super( value );
    }
}

This what I get upon loading some page containing <smartdb />:

Időbélyeg: 17/04/2012 14:42:10
Hiba: uncaught exception: Unknown widget: smartdb.SmartDatebox

Any idea as to what might be happening? Does it not suffice to have such a jar on the classpath? Should I configure something somewhere else (zk.xml, config.xml or whatever)?

Thanks a lot in advance

César Varona

delete flag offensive retag edit

2 Replies

Sort by » oldest newest

answered 2013-01-16 18:24:36 +0800

vlfig
15

Same problem here, any pointers to the resolution, anyone?

Thanks

link publish delete flag offensive edit

answered 2013-01-16 20:14:56 +0800

vlfig
15

updated 2013-01-16 20:34:46 +0800

For the benefit of other users caught in this problem, mine had to do with javascript in the widget definition (SmartDatebox.js in the example) not according to the format:

fieldName: literal,
functionName: function (possible args) { ... }

If you have a field which is constructed (not a literal) it has to be a function, as in:

/* this is wrong */
myField: "something" + " else",

/* this works */
myField: function () { return "something" + " else" }

Again, the documentation could be improved.

link publish delete flag offensive edit

CORE FRAMEWORK

FEATURED COMPONENTS

TOOLS

EXPLORE ZK

RESOURCES

LEARN ZK

RESOURCES

GET HELP

RESOURCES

MORE ABOUT ZK

MORE ABOUT ZK

Unable to make zk load an add-on

2 Replies

Question tools

Stats

Related questions