Добавить класс CSS к узлам в Ext.view.View Extjs 4

Question

Я пытаюсь добавить класс CSS к узлам в Ext.view.View.Я использую это, чтобы перечислить N div внутри View и сделать их выбираемыми.Когда выбран один из этих элементов, он должен изменить цвет, чтобы определить, что он выбран.

Ext.create('Ext.view.View', {
    store: ...
    tpl: ...
    multiSelect: true,
    height: 310,
    trackOver: true,
    overItemCls: 'cell-wrap-hover',
    itemSelector: 'div.cell-wrap',
    emptyText: 'No item to show',
    plugins: [
        Ext.create('Ext.ux.DataView.DragSelector', {})
    ],
    listeners: {
        selectionchange: function(dv, nodes){
       if (nodes.length > 0) {
       for (var i in nodes) {
        //Here i would like to add one more css class to the nodes[0]
               }
    }

        }
    }

После того, как я добавлю этот новый класс и оставлю остальные, я могу использовать новое имя класса в качестве Selector, для выбранногоэлементы в представлении, также заставьте их выглядеть по-другому.

Answer 1

Я нахожу ответ самостоятельно: в tpl я добавляю один идентификатор для селектора DIV, например: id = "cell-X", где X - один индекс (0,1,2 ...).Затем в foreach я использую командную строку, чтобы добавить класс на выбранных узлах:

Ext.get('cell-' + nodes[i].index).addCls('cell-wrap-selected');

Thanx