【问题标题】:Kendo UI Mobile - add css to parent node from kendo templateKendo UI Mobile - 从 kendo 模板向父节点添加 css
【发布时间】:2013-04-26 01:05:21
【问题描述】:

标题已经说明了这一点。

如果我使用 kendo ui 模板作为列表视图:

<script type="text/x-kendo-template" id="myTemplate">
...
</script>

是否可以在模板中使用 javascript 将样式应用于将环绕我的模板的父节点?在这种情况下,我希望定位 li 标记的 background-color,它将环绕我的模板。

我不知道如何开始,因为我什至不知道是否可以获得对当前元素的引用。我尝试了关键字this,但它不起作用:

# this.className = "myclass"; #

作为更新:

从模板创建的每个列表视图项都有一个 uid,我正在调查是否可以捕获该特定 uid 并以这种方式向元素添加一个类..

【问题讨论】:

  • 在旁注中,有一个为 Kendo Mobile 创建的新标签 (kendo-mobile),您可以将其用于相关问题。
  • 啊,我刚刚注意到,感谢您编辑我的问题以反映这个新标签。我会将其添加到以后的问题中。

标签: javascript css kendo-ui kendo-mobile


【解决方案1】:

您可以尝试多种解决方案: 1 创建一个 span 或 a 将您的内容包装在模板中,并为其分配背景颜色。

<script type="text/x-kendo-template" id="myTemplate">
<div class="#: myclass#"> 
<!-- tempalte contents-->

</div>
</script>
  1. 将列表包装在 div 中,然后使用 div id,在使用 jQuery 生成列表后,将类分配给 div 内的列表。可以使用列表视图的dataBound事件来处理
  2. 已生成。

【讨论】:

  • 谢谢@Whizkid747,listview的数据绑定事件正是我要找的。​​span>
猜你喜欢
  • 1970-01-01
  • 2015-06-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多