검도 - ui 템플릿 재사용

Question

템플릿을 처음 렌더링 할 때 문제가 없습니다. 그것은 예상대로 표시

다시 탐색하고, 다시 같은 화면이 목록 서식 손실 다음, 결과 탐색 :

왜 이런 일이 일어나는가를 어떻게 예방할 수 있습니까? 다음은

<div data-role="view" data-layout="app" data-title="Time Card" id="screen1"> 
</div> 
<script type="text/x-kendo-template" id="template1"> 
    Heading 
    <ul data-role="listview" data-style="inset" data-type="group"> 
     <ul data-role="listview"> 
      Group 1 
      # for (var i = 0; i < data.headers.length; i++) { # 
       <li><a>#= data.heades[i].Item #</a></li> 
      # } # 
     </ul> 
     <ul data-role="listview"> 
      Group 2 
      <li>hello</li> 
      <li>goodbye</li> 
     </ul> 
    </ul> 
</script> 

그것에 템플릿을 채우고 탐색 코드입니다 : : 아래

템플릿 정의입니다

var templateContent = $("#template1").html(); 
var template = kendo.template(templateContent); 
var data = {headers: headers}; 
$("#screen1").html(template(data)); 
app.navigate("#screen1"); 

Answer 1

당신이보기의 HTML을 대체하고 있기 때문 일어나고있는 지원되지 않습니다. 예를 들어 위젯은 변경 후에 다시 초기화되지 않습니다.

$("#screen1").html(template(data)); //html replacement of the View's content is not supported 

나의 추천 bind the widget to a DataSource로하고 그것 API methods이 내용을 변경하는 데 사용합니다. ListView는 데이터가 변경된 후 템플릿을 자동으로 다시 렌더링합니다.