如何将extjs对象添加到html？

Question

I have a simple example:

 function RenderTime(v) {
    var test = new Ext.Img({
        src: "lib/Image/Paddle.png",
        listeners: {
            el: {
                click: function() {
                    Ext.Msg.alert("Message");
                }
            }
        }
    })
     return '<table width="100%"><tr><td width="90%">' + test + '</td></tr></table>'

 }

and column:

  {
                dataIndex: 'title',
                width: 500,
                sortable : false,
                renderer: RenderTitle
        },

How to correct add extjs object to html ?

Answer 1

You'll want to utilize the "renderTo" attribute for your component rather than trying to concatenate it into your html manually.

See: ExtJS Ext.Img.renderTo