How to get UUID of a component in zul file in ZK framework

answered 2014-12-19 12:01:19 +0800

terrytornado
9393 ● 3 ● 7 ● 16
http://www.oxitec.de/

a few samples:

<textbox id="message" w:onOK="sendMessage();" />

JavaScript sample:

/*
 * Send message.
 */
function sendMessage() {

    // send only if text exists
    var str = zk('$message').$().getValue();
    if (str.length === 0) {
        return;
    }

/*
 * Collapse / Expand a div (panel). CALL in zul: 
 *<button ... w:onClick="ox_CollapseUnCollapsePanel('divUserRoleList1',this)" /> 
 * where the divname is in the tag attribute 'name' like:
 * 
 * <n:div name="divUserCRUD1" class="panel-collapse collapse in">
 */
function ox_CollapseOrUnCollapsePanel(panelID, btn) {

    if (panelID !== null) {

        if ($("[name~=" + panelID + "]").hasClass('collapse') && $("[name~=" + panelID + "]").hasClass('in')) {
            // close panel
            $("[name~=" + panelID + "]").removeClass('in');
            // change button 'close' icon
            $('#' + btn.uuid).removeClass('fa-arrow-up');
            $('#' + btn.uuid).addClass('fa-arrow-down');
        } else {
            // open panel
            $("[name~=" + panelID + "]").addClass('in');
            // change button 'open' icon
            $('#' + btn.uuid).removeClass('fa-arrow-down');
            $('#' + btn.uuid).addClass('fa-arrow-up');
        }
    }
}