有问题在kendo网格模板中引用jQuery插件

Posted 2021-05-03

我试图在模板中使用jquery插件：但我收到错误，有人能指出我哪里出错了吗？

我在脚本标记内调用了函数$("span.pie").peity("pie")，并试图在网格的一个列模板中使用它。 { field: 'userId', title: 'ID', template:"<span class=ul>#=userId#</span> </br> <span class='pie'>1/5</span>", width:60 }

https://dojo.telerik.com/ihEzi

答案

问题是您在渲染模板之前调用插件。对插件的调用仅查找并影响当时DOM中的内容。之后添加的任何内容，即使它与span.pie选择器匹配，也不会受到影响，直到再次调用它为止。

我建议订阅网格dataBound事件（请参阅Telerik文档）并在您定义的处理函数中调用插件。在网格呈现其所有UI组件之后调用DataBound，以便随后可以在DOM中找到所有内容。