2016-10-08 5 views
0

Как я могу визуализировать виджет Kendo внутри шаблона. Я пробовал создать DatePicker в шаблоне и показать его на div. ли что-то неправильно этот код http://dojo.telerik.com/UMINeКак показать виджет kendo ui внутри шаблона kendo ui

<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> 

веселит

ответ

2

Этой линии преобразует выбранный элемент в кендо DatePicker виджета:

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

Однако в тот момент шаблон еще не был вынесен и применяется к элементу #insider. В результате #datePicker еще не существует, поэтому ничего не происходит, как вы наблюдаете. Просто переместите строку в конец вашего блока сценариев, так как в этот момент будет существовать элемент #dataPicker, а виджет DatePicker будет отображаться:

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