如何设置Repeater项目背景颜色ontap?

时间:2016-09-01 15:04:57

标签: javascript css repeater enyo

我在Enyo应用程序中有一个转发器。在当前设置中,点击转发器项目不会显示过渡或视觉提示,以显示它已被点击。

所以我尝试的是设置转发器ontap事件传入的转发器项的类。

但是使用Dev工具告诉我,属性addClass没有定义:

IncidentTickets.js:653 Uncaught TypeError: Cannot read property 'addClass' of undefined

问题:

如何设置Enyo Repeater项目背景颜色ontap?

基本上我将CSS样式背景颜色设置为绿色:

.tapped {
    background: #0CA281;
}

尝试将CS​​S类添加到传递给onTap事件的转发器项目中:

tapPopupBundle: function(inSender, inEvent) {

    var item = this.$.repeaterBundle.itemAtIndex(inEvent.index);
    this.item.addClass('tapped');


},

这是转发器类型的定义:

{kind: "Scroller", name: "scrollerBundle",  touch: true, horizontal:"hidden", showing: false, style: "height: 70%", components: [
                {content:"All Apps", style: "font-size: 12px; font-weight: bold; margin-left: 20px; text-decoration:underline;",ontap: 'clearFilters'},
                {kind: "Repeater", name: "repeaterBundle", count: 0, onSetupItem: "setupBundle", ontap: "tapPopupBundle", components: [
                   {tag: "br"},
                   { kind: "FittableColumns",  components: [
                        {name: "repBundle", style: "font-size: 12px; font-weight: bold; margin-left: 20px;"}
                   ]}
                ]},
             ]},

1 个答案:

答案 0 :(得分:0)

在这种情况下,抓住传入的项ID并调用appLlyStyle:

item.$.repAppName.applyStyle("background-color", 'rgb(12,162,129)');