extjs4.2 - ExtJs - Textfield rendered via renderer doesn't get click focus? -

i'm using propertygrid building tabular from. when use renderer return textfield, can't click , type in textfield. doesn't focus. way fix it? also, there way render extjs element instead of raw html element renderer?

in grid,column renderers return html text, it's not possible return components directly. thing assign unique id cell , defer actual component creation.

  {             header: 'row7',             align: 'center',             renderer: rendercmp,             dataindex: 'cmpname',             width: 100         }   // renderer function     function rendercmp(value, id, r)     {              var id = ext.id();             if (r.data.cmpname )             {                 creategridbutton.defer(10, this, ['one', id, r]);                 return('<div id="' + id + '"></div>');             }else             {                 creategridbutton.defer(10, this, ['two', id, r]);                 return('<div id="' + id + '"></div>');             }      }     function creategridbutton(value, id, record) {         new ext.button({             text: value,             iconcls: 'my-icon',             handler : function(btn, e) {                 alert('componet in row');             }         }).render(document.body, id);     } 

hope helps you..