2016-10-08 5 views
0

검도 위젯을 렌더링 할 수있는 방법 템플릿. datePicker 템플릿을 만들어 div에 표시하려고했습니다. 템플릿이 아직 렌더링되지 않은 그 시점에서 그러나검도 UI 템플릿 안에 검도 UI 위젯을 표시하는 방법

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

: 뭔가 잘못이 코드 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> 

환호

답변

2

이 줄은 검도 DatePicker에서 위젯을 선택한 요소를 변환인가 #insider 요소에 적용됩니다. 따라서 #datePicker가 아직 존재하지 않으므로 아무 것도 관찰하지 않습니다. 이 시점에서 #dataPicker 요소가 존재하고 DatePicker 위젯이 렌더링되고 다음과 같이 렌더링되기 때문에 선을 스크립트 블록의 끝으로 이동하기 만하면됩니다.

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