リストアイテムに異なるIDやクラスを割り当てるにはどうしたらいいですか？

Question

まず、貧しい私の英語を謝っています。

どのアイテムが表示されているか（表示されていないか表示されているか）を制御したいので、各アイテムが異なるIDまたはクラスを持つリストを作成しようとしています。

誰でも手助けできますか？

私は感謝します！あなただけのすべてのノードのためのcustom_class_ {モデルのユニークIDを}指定し、リストビュー内のすべての項目にカスタム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();