동적으로 생성 된 필드에서 clearIconTap 콜백 트리거

Question

사용자가 구성 요소를 사용하여 새 컨테이너를 추가해야하는 경우 textfield, textareafield 등으로 컨테이너를 동적으로 생성하는 Sencha Touch를 사용하여 간단한 응용 프로그램을 만듭니다. 문제는 이제 textareafield의 지우기 아이콘을 탭하면 텍스트가 지워지지만 어떤 textareafield이 지워 졌는지 알고 싶습니다. 누구든지 이걸 좀 도와 줄래?

이것은 컨테이너를 생성 한 방법입니다.

var childObj2 = {}; 
    childObj2.xtype = 'container'; 

    var type = 'vbox'; 
    var layout = {} 
    layout.type = type; 
    childObj1.layout = layout; 

    var txtarea= {}; 
    txtarea.xtype = 'textareafield'; 
    txtarea.id = "txt51"; 
    txtarea.flex = 3; 
    txtarea.maxRows = 7; 
    txtarea.placeHolder = 'Type here'; 
    txtarea.value = value['notes']; 
    txtarea.inputCls = 'txtareaStyle' 
    txtarea.clearicontap = "clearText"; 

How to add clearicontap listener to this? 

Answer 1

당신이 당신이 textfield 단순히 clearicontap 이벤트를 여기에 리스너를 추가 만들고 해당 콜백이 각 필드에 대해 실행 얻을 것이다 때. 예를 들어

:

var container = Ext.create('Ext.Container', {}); 

for (var i=1; i<=3; i++) { 
    var field = Ext.create('Ext.field.Text', { 
     id: 'textfieldnumber' + i, 
     listeners: { 
      clearicontap: function() { 
       alert("Tapped clear icon on text field number: " + i + "!"); 
      } 
     } 
    }); 
    container.add(field); 
} 

[편집] 나는 당신이 편집 한 후 확인 질문에 대답

: 나는 Ext.create() 통해 엽차 구성 요소를 만드는 표준 방법을 사용하고

을, 그리고 같은 방식으로 전환 할 것을 제안합니다. 자바 스크립트 객체가 실제로 Ext 구성 요소로 변환되는 방식을 게시 한 코드가 명확하지 않습니다. 어쨌든, 그들은 아마도 구성 요소 구성 가능성이 높기 때문에 시도해 볼 수 있습니다.

txtarea.listeners = { 
    clearicontap: function() { 
     alert("Tapped clear icon on text field"); 
    } 
}