我们正在尝试使用Kendo模板提供一个Kendo Datepicker inside Grid expand Client Detail模板,下面是我们正在尝试的片段:
<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,只有空白的文本框在渲染。请给出建议
发布于 2019-06-20 20:58:36
问题是您也将<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>
https://stackoverflow.com/questions/56685214
复制相似问题