javascript - Kendo UI Mobile - 从 kendo 模板向父节点添加 css

Question

标题几乎说明了一切。

如果我为 ListView 使用 kendo ui 模板:

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

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

我不确定如何开始，因为我什至不知道是否有可能获得对当前元素的引用。我已经尝试了关键字 this 但它没有工作:

# this.className = "myclass"; #

作为更新:

从模板创建的每个 ListView 元素都被赋予一个 uid，我正在研究是否可以捕获该特定 uid 并以这种方式向元素添加一个类..

Answer 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 中的列表。您可以使用 ListView 的 dataBound 事件来处理生成的
2. 。