Ext 구성 요소 쿼리 선택기 형식 및 옵션

Question

저는 Sencha Touch 2 & Ext의 초보자입니다. 나는 jquery에 대한 지식을 가지고 있기 때문에, 신속한 이해를 위해 비슷한 것들을 연관 짓지 만, 선택기 질의에 갇혀있다.

내가 좋아하는 동적 텍스트 필드를 만드는 오전 :

var autoSuggestField = 'people_' + counter; // suppose counter is looping 5 times 
var field = new Ext.field.Text({ 
     name: autoSuggestField, 
     itemId: 'testing',     // just for testing 
     // itemId: autoSuggestField,   // actual code 
     inputCls:'auto-suggest', 
     placeHolder:'Select People', 
     cls:'place-holder', 
     listeners: { 
      clearicontap:function(obj, e, eOpts) { 
       // tried option 1 
       var allPeople = Ext.ComponentQuery.query('.place-holder .auto-suggest'); 
       console.log(allPeople);   // console says '[]' 

       // tried option 2 
       var allPeople = Ext.ComponentQuery.query('.place-holder'); 
       console.log(allPeople);   // console says '[]' 

       // tried option 3 
       var allPeople = Ext.ComponentQuery.query('.auto-suggest'); 
       console.log(allPeople);   // console says '[]' 

       // tried option 4 
       var allPeople = Ext.ComponentQuery.query('#testing'); 
       console.log(allPeople);   // console says '[class , class, class]' 
      } 
     } 
    }); 

하지만 뭔가를 찾고 있어요 :

// var allPeople = Ext.ComponentQuery.query('[name^=people_]'); // as we do jquery 

아니면 유사 아무것도 작동해야한다. 게시물의 대부분이 id [옵션 4]를 사용하는 것이 좋지 않다고 말하면 옵션 [1,2,3]에서 내가 잘못하고있는 것을 분명히하십시오. 우리는 people_ "로 시작하는 요소를 나타내는 [name^=]"을 사용하여 어떻게 달성 할 수 있습니까? Ext에서 가능합니까? REGEX를 통해 가능합니까? (아이디어 만)

선택자를 더 잘 이해할 수 있도록 설명을 추가하십시오. 대신에 추가 할 수있는 일반 expressinons를 찾는

Answer 1

유형과 같은 추가 설정 : textfiled 구성 요소와 당신이

var allPeopleComponents = Ext.ComponentQuery.query('textfield[type=people]'); 

은 위의 배열을 반환합니다 사용하여 조회 할 수 있습니다를 관련된 모든 사람들을위한 '사람' type='people'을 갖는 구성 요소의

살펴 here을 가지고

here가 당신을 도움이되기를 바랍니다 ComponentQuery 옵션을 더 잘 이해하시기 바랍니다.