gpt4 book ai didi

javascript - Kendo UI 无法与 Meteor 配合使用?

转载 作者:行者123 更新时间:2023-11-28 19:17:51 24 4
gpt4 key购买 nike

我正在尝试让一个简单的 MultiSelect 在 Meteor 中工作。在检查了大约 20 个不同的 UI 库后,我认为 Kendo UI 看起来最好。

我环顾四周,发现他们已经设置了 Meteor 包,以便(据说)轻松地在 Meteor 中使用 Kendo UI。以下是我尝试使用 Meteor 中的 Kendo UI 通过 MultiSelect 获得一种 Hello World 的步骤:

meteor create FindMeFood
meteor add telerik:kendo-ui-core-fiori-theme

然后我修改了FindMeFood.html:

<head>
<title>FindMeFood</title>
</head>

<body>
<label for="where">Where</label>
<select id="where" multiple="multiple" data-placeholder="Select where...">
<option>McDonalds</option>
<option>Burger King</option>
<option>Wendy's</option>
<option>Five Guys</option>
<option>KFC</option>
<option>Taco Bell</option>
<option>Pizza Hut</option>
<option>Papa Johns</option>
</select>
</body>

最后修改了FindMeFood.js:

if (Meteor.isClient) {
$("#where").kendoMultiSelect().data("kendoMultiSelect");
}

而且什么也没发生。当我启动 Meteor 并访问该页面时,我最终得到了一个标准的多选框。

最佳答案

如果您此时不想搞乱,只需使用

meteor 版本 1.0.4 或 >

 if(Meteor.isClient){
Template.body.onRendered(function(){
$("#where").kendoMultiSelect().data("kendoMultiSelect");
})
}

Meteor 1.0.4 或更低

if(Meteor.isClient){
Template.body.rendered = function(){
$("#where").kendoMultiSelect().data("kendoMultiSelect");
}
}

为什么要使用渲染函数()?使用渲染的函数,您可以确保代码在 DOM 准备就绪时运行,在本例中为 #where select

关于javascript - Kendo UI 无法与 Meteor 配合使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29471029/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com