ExtJs - 通过渲染器渲染的Textfield不会获得点击焦点？

Question

我正在使用propertyGrid来构建表格。当我使用renderer返回文本字段时，我无法单击并键入该文本字段。它没有得到任何关注。任何方式来解决它？另外，有没有办法从渲染器渲染ExtJs元素而不是原始HTML元素？

Answer 1

在网格中，列渲染器仅返回HTML文本，因此无法直接返回组件。唯一的办法是为单元分配一个唯一的ID并推迟实际的组件创建。

{ 
      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); 
    } 

希望它可以帮助你..