셀을 렌더링하는 동안 TextField를 반환 할 수 있습니까?

Question

저는 Ext JS에서 초보자이며 Textfield 또는 다른 구성 요소를 만들고 격자 패널 셀 안에 삽입 할 수 있는지 알고 싶습니다. 나는 (그것은 나에게 구성 요소를 반환하지 않습니다) 지금까지 시도했다 :

{ 
         header  : ..., 
         id   : ..., 
         dataIndex : ..., 
         sortable  : true, 
         width  : 140, 
         renderer: function(value, meta, record) { 
          return new Ext.form.TextField({fieldLabel: 'field', text: 'test'}); 
         } 
        } 

내가 나이가 함께 일하고 있어요 때문에 cellEditing와 비슷한 일을하고 싶지만, 난 그 플러그인을 사용할 수 없습니다 Ext (3.2.1) 버전.

내 타겟은 특정 셀을 클릭 할 때 텍스트 파일을 표시하는 것입니다.

감사합니다.

Answer 1

https://fiddle.sencha.com/#fiddle/27e7&view/editor

는 I 열 렌더러 내부 HTML 입력 필드 돌아왔다.

셀 편집기처럼 텍스트 필드에 값을 설정했습니다. 또한 셀 편집기의 편집 수신기와 비슷한 코드를 작성할 수있는 흐림 이벤트 처리기 메서드를 추가했습니다.

이게 원하는가요? 아니면 다른 변화들. 확인해 봐. 코드 추가 :

renderer: function (value, meta, record) { 
       return "<input onblur='onBlurEventHandler(event)' value="+value+" style='width: 90 px;'></input>" 
      } 

function onBlurEventHandler(event){ 
    console.log('Value: '+event.currentTarget.value); 
}