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

希望它可以幫助你..