javascript - 在 sencha touch 2 中改变方向时删除类

Question

我想在方向改变期间删除类

View.js

  itemCls: 'dataview-item',
            itemTpl: [
                '<div class="arHeadline">',
                '    {Headline}',
                '</div>',
                '<div class="arbyline">',
                '    {Author}',
                '</div>',
                '<div class="arcontent">',
                '    {Content}',
                '</div>',
                '<div id="myline"class="ardrawline">',
                '</div>'

            ],

Controller.js

orientationChangeHandler : function(viewport,orientation,width,height){
    var domEl1 = Ext.get('myline');
    console.log("els "+domEl1);

    if (orientation === "landscape") {
        domEl1.addCls('ardrawline');
    } else {
        domEl1.removeCls('ardrawline');
    }
}

Answer 1

不要对每个项目使用相同的 ID -> id="myline"

例如，您可以定义您的模板:

<div data-type="myline" class="ardrawline">

然后您可以按如下方式选择元素:

Ext.DomQuery.select("div[@data-type='myline']");