煎茶觸摸2：動態添加CSS類到一個div模板

Question

裏面讓我們假設我有一個數據視圖以下itemTpl

 itemTpl: [ 
     '<div class="category_entry_inner">', 
     ' <div class="category_right">', 
     '  <div class="category_quantity">{catQty}</div>', 
     ' </div>', 
     ' <div class="category_left">', 
     '  <div class="category_left_content">', 
     '   <div class="category_left_icon"></div>', 
     '   <div class="category_left_text">{catName}</div>', 
     '  </div>', 
     ' </div>', 
     '</div>' 
    ], 

現在我想要做的是什麼勾到數據視圖刷新事件當被解僱時，選擇所有具有category_entry_inner的cass的div並向所有這些div添加一個簡單的類（.someclass {background：red}）。

Answer 1

要選擇所有你想要的div，你可以做

var divs = Ext.DomQuery.select('div[class=category_entry_inner]'); 

這將返回所有的div數組，然後你只需要通過他們循環，並添加一個類：

var i,j; 
for(i=0,j=divs.length;i<j;i++){ 
    divs[i].className += " bar"; 
} 

希望這有助於

Answer 2

var listObjs = Ext.DomQuery.select("div[class='category_entry_inner']"); 
Ext.Array.forEach(listObjs, function(elmnt, idx) { 
    Ext.get(elmnt).clearListeners(); 
    Ext.get(elmnt).addListener('tap', this.yourfunctionname, this, {id:elmnt.id}); 
}, this); 

這是你的工作肯定