gpt4 book ai didi

javascript - 如何在 kendo ui 模板内显示 kendo ui 小部件

转载 作者:行者123 更新时间:2023-12-02 14:07:17 25 4
gpt4 key购买 nike

如何在模板内渲染 Kendo 小部件。我试图在模板中创建 datePicker 并将其显示在 div 上。这段代码有问题吗 http://dojo.telerik.com/UMINe

<body>
<div id="indider"> </div>
<script id="template-student" type="text/x-kendo-template">
<h1> #= a # </h1>
<input id="datePicker" />
</script>

<script>
$(()=>{
$('#datePicker').kendoDatePicker();

var template = kendo.template($("#template-student").html());
var result = template({a:'this is my template'});
alert(result);
$('#indider').html(result);
});
</script>
</body>

干杯

最佳答案

此行将所选元素转换为 kendo DatePicker 小部件:

$('#datePicker').kendoDatePicker();

但是此时模板尚未呈现并应用于#insider 元素。因此,#datePicker 尚不存在,因此您观察到什么也没有发生。只需将该行移动到脚本 block 的末尾,因为此时 #dataPicker 元素将存在并且 DatePicker 小部件将呈现:

...
alert(result);
$('#indider').html(result);
$('#datePicker').kendoDatePicker();

关于javascript - 如何在 kendo ui 模板内显示 kendo ui 小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39931176/

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