sencha-touch - Sencha Touch 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>'
    ],

现在我想做的是挂钩 dataview 刷新事件，并在触发时选择所有具有 category_entry_inner 的 div 并向所有这些 div 添加一个简单的类 (.someclass{background:red})。

Answer 1

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);

这绝对是你的工作

Answer 2

要选择所有你想要的 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";
}

希望这可以帮助