목록 항목에 다른 ID 또는 클래스를 할당하려면 어떻게해야합니까?

Question

첫째로, 나는 나의 가난한 영어에 대해 사과한다.

표시 할 항목 (숨김 또는 표시)을 제어하려고하므로 각 항목마다 다른 ID 또는 클래스가있는 목록을 작성하려고합니다.

아무도 도와 줄 수 있습니까?

감사드립니다. 그냥 모든 노드에 대한 custom_class_ {모델의 경우 uniqueid}을 지정 목록보기의 모든 항목에 사용자 정의 CSS 클래스를 추가 할 수 있으며 다음 Ext.DomQuery.select('div{class=contact custom_class_{firstName}}');를 사용하여 액세스 할 수 있으며 다음에 DOM을 통과 위의 코드를 사용하여

Answer 1

Ext.define('Contact', { 
    extend: 'Ext.data.Model', 
    config: { 
     fields: ['firstName', 'lastName'] 
    } 
}); 

var store = Ext.create('Ext.data.Store', { 
    model: 'Contact', 
    sorters: 'lastName', 
    data: [ 
     { firstName: 'Tommy', lastName: 'Maintz' }, 
     { firstName: 'Rob',  lastName: 'Dougan' }, 
     { firstName: 'Ed',  lastName: 'Spencer' }, 
     { firstName: 'Jamie', lastName: 'Avins' }, 
     { firstName: 'Aaron', lastName: 'Conran' }, 
     { firstName: 'Dave', lastName: 'Kaneda' }, 
     { firstName: 'Jacky', lastName: 'Nguyen' }, 
     { firstName: 'Abraham', lastName: 'Elias' }, 
     { firstName: 'Jay',  lastName: 'Robinson'}, 
     { firstName: 'Nigel', lastName: 'White' }, 
     { firstName: 'Don',  lastName: 'Griffin' }, 
     { firstName: 'Nico', lastName: 'Ferrero' }, 
     { firstName: 'Nicolas', lastName: 'Belmonte'}, 
     { firstName: 'Jason', lastName: 'Johnston'} 
    ] 
}); 

Ext.create('Ext.List', { 
    fullscreen: true, 
    itemTpl: '<div class="contact custom_class_{firstName}">{firstName} <strong>{lastName}</strong></div>', 
    store: store 
}); 

목록 항목을 숨기려면 부모 요소를 가져 오십시오.

var div = Ext.DomQuery.select('div{class=contact custom_class_{firstName}}'); 
var listItem = div.up().up();