如何设置 Repeater 项目背景颜色的样式?
How to style Repeater item background color ontap?
我在 Enyo 应用程序中有一个物品中继器。在当前设置中,点击中继器项目不会显示过渡或视觉提示以表明它已被点击。
所以我尝试的是设置从中继器上的 ontap 事件传入的中继器项目的 class。
但是进入 Dev tools 告诉我 属性 addClass 没有定义:
IncidentTickets.js:653 Uncaught TypeError: Cannot read property 'addClass' of undefined
问题:
如何设置 Enyo Repeater 项目背景颜色的样式?
基本上我将 CSS 风格的背景颜色设置为绿色:
.tapped {
background: #0CA281;
}
试图将 CSS class 添加到传递到 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;"}
]}
]},
]},
抓取传入的项目 ID 并调用 appLlyStyle 在这种情况下有效:
item.$.repAppName.applyStyle("background-color", 'rgb(12,162,129)');
我在 Enyo 应用程序中有一个物品中继器。在当前设置中,点击中继器项目不会显示过渡或视觉提示以表明它已被点击。
所以我尝试的是设置从中继器上的 ontap 事件传入的中继器项目的 class。
但是进入 Dev tools 告诉我 属性 addClass 没有定义:
IncidentTickets.js:653 Uncaught TypeError: Cannot read property 'addClass' of undefined
问题:
如何设置 Enyo Repeater 项目背景颜色的样式?
基本上我将 CSS 风格的背景颜色设置为绿色:
.tapped {
background: #0CA281;
}
试图将 CSS class 添加到传递到 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;"}
]}
]},
]},
抓取传入的项目 ID 并调用 appLlyStyle 在这种情况下有效:
item.$.repAppName.applyStyle("background-color", 'rgb(12,162,129)');