將css類添加到Ext.view.View中的節點Extjs 4

我想將一個css類添加到節點到Ext.view.View中。我使用這個在視圖中列出N個div並使它們可選。當選擇其中一個div時，它應該改變顏色以確定它被選中。將css類添加到Ext.view.View中的節點Extjs 4

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] 
       } 
    } 

     } 
    }

一旦我添加這個新的類，並保持了別人，我可以使用新的類名作爲選擇，在查看選定的項目，也使它們看起來不同。

來源

2011-11-10 Varois

我自己找到答案：在tpl中爲DIV選擇器添加一個ID，如：id =「cell-X」，其中X是一個索引（0,1,2 ...）。然後進入的foreach我使用命令行要添加的類別選擇的節點上：

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

感謝名單

來源

2011-11-23 17:59:40 Varois

將css類添加到Ext.view.View中的節點Extjs 4

回答

相關問題