render.composite.js

来自「一个ajax富客户端的ajax类库」· JavaScript 代码 · 共 57 行

/**
 * Component rendering peer: Composite
 */
EchoAppRender.CompositeSync = Core.extend(EchoRender.ComponentSync, {

    $load: function() {
        EchoRender.registerPeer("Composite", this);
    },

    $virtual: {
        renderStyle: function(element) {
            EchoAppRender.Color.renderFB(this.component, element);
            EchoAppRender.Font.render(this.component.render("font"), element);
        }
    },
    
    renderAdd: function(update, parentElement) {
        this._divElement = document.createElement("div");
        this._divElement.id = this.component.renderId;
        
        var componentCount = this.component.getComponentCount();
        if (componentCount > 0) {
            this.renderStyle(this._divElement);
            for (var i = 0; i < componentCount; ++i) {
                var child = this.component.getComponent(i);
                EchoRender.renderComponentAdd(update, child, this._divElement);
            }
        }
        
        parentElement.appendChild(this._divElement);
    },
    
    renderDispose: function(update) { 
        this._divElement = null;
    },
    
    renderUpdate: function(update) {
        var element = this._divElement;
        var containerElement = element.parentNode;
        EchoRender.renderComponentDispose(update, update.parent);
        containerElement.removeChild(element);
        this.renderAdd(update, containerElement);
        return true;
    }
});

EchoRender.ComponentSync.Panel = Core.extend(EchoAppRender.CompositeSync, {
    $load: function() {
        EchoRender.registerPeer("Panel", this);
    },

    renderStyle: function(element) {
        EchoAppRender.CompositeSync.prototype.renderStyle.call(this, element);
        EchoAppRender.Border.render(this.component.render("border"), element);
        EchoAppRender.Insets.render(this.component.render("insets"), element, "padding");
    }
});