templates - Kendo UI - Datepicker 未在 Kendo-Template 中呈现
问题描述
我们正在尝试使用 Kendo 模板在 Grid expand Client Detail Template 中提供一个 Kendo Datepicker,下面是我们正在尝试的截图:
<script id="templateUserDefinedFieldsHealthPlan" type="text/x-kendo-template">
<div id="indider"> </div>
<input id="datePicker1" />
</script>
and the jquery script tp provide datepicker is mentioned below :
<script>
$(() => {
var template = kendo.template($("#templateUserDefinedFieldsHealthPlan").html());
var result = template({});
//alert(result);
$('#indider').html(result);
$('#datePicker1').kendoDatePicker();
});
</script>
但尽管有 Kendo DatePicker,但只有空白文本框正在呈现。请建议
解决方案
问题是您也将<div id="indider"> </div>
元素放置在模板内。您需要将其放在模板之外以将其替换为模板的内容。
见片段。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.mobile.all.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js"></script>
</head>
<body>
<div id="indider"></div>
<script id="templateUserDefinedFieldsHealthPlan" type="text/x-kendo-template">
<input id="datePicker1" />
</script>
<script>
$(() => {
var template = kendo.template($("#templateUserDefinedFieldsHealthPlan").html());
var result = template({});
//alert(result);
$('#indider').html(result);
$('#datePicker1').kendoDatePicker();
});
</script>
</body>
</html>
推荐阅读
- android - DataBinding 导致 Kotlin 编译器错误
- python - PyMongo:如何在 find() 中使用列表作为投影
- angular - 在Angular Material中可以拖放排序吗?
- unit-testing - 如何处理junit mockito测试用例中的CriteriaBuilder和谓词
- json - 如何从本地 JSON 文件解析数据并保存在模型类中并在 tableview 中使用
- arduino - 无法通过 platformio.ini 覆盖 board_vendor(USB 制造商)
- angular - Angular7:将数据导出到 CSV
- python - 在 Python 中,单通道图像的形状是个问题
- mongodb - $expr arrayElementAt 在嵌入文档的聚合中不起作用
- android - 本地应用程序文件夹上的 Android Studio 访问被拒绝错误