Re-render

[pafciu17]

How in extjs can I re-render my component? I am extending Ext.BoxComponent and I want to re-render my object after calling setColor method. This is my code:

MyColorField = Ext.extend(Ext.BoxComponent,{
    color: 'FFFFFF',
    initComponent: function() {
        Ext.apply(this, {});
        MyColorField.superclass.initComponent.apply(this, arguments);
    },
    onRender: function(ct, position) {
        this.colorField = Ext.DomHelper.append(ct, {
            tag: 'div', 
            style:'border-style:solid; ' +
                    'border-width:1px; ' +
                    'border-color:#990000; ' +
                    'width:12px; ' +
                    'height:12px; ' +
                    'background-color: #'+ this.color
        });
        MyColorField.superclass.onRender.call(this, ct, position);
    },
    setColor: function(color) {
        this.color = color;
    },
    getColor: function() {
        return this.color;
    }
})

[jay@moduscreate.com]

why re-render?
why not just set the CSS attribute?

[evant]

Agreed with the above. Re-rendering is generally not supported.

Why go through so much effort?

[pafciu17]

Thanks. I understand. But what happen if I edit a cell in EditorGridPanel? Isn't each cell rerender then?

[jay@moduscreate.com]

you're comparing apples with bananas.

[pafciu17]

Why? Please explain that.

[Animal]

render !== update

[pafciu17]

Thanks.