검도 UI 템플릿 문제

Question

나는 sth를 이렇게하고 싶습니다. http://jsfiddle.net/kfEfw/115/ kendo.template (....)에서 변수의 값을 확인하고 싶습니다. 특정 예제에서는 x 변수를 인식하지 못하고 템플릿에 x를 전달하는 방법이 있는지 알고 싶습니다. 사전에

var temp = 0; //i want to pass this variable in the template and check it's value 
/if temp = 0 I need to render sth and if temp has other value I want to render sth else 
window.kendouiTemplate = kendo.template("<div><h1 class='header'><#= data.header#></h1><ul 
class='list'><# for (var i = 0, l = data.list.length; i < l; i++) { 
#><#if(data.list[i]%2==0){#><li class='item'><#= data.list[i] #></li><#}#><# } #></ul> 
</div>", {useWithBlock:false}); 

감사합니다, 아르테미스

Answer 1

여기 데모보기 - your case

HTML

<div id="results"></div> 

<script type="text/x-kendo-template" id="template"> 
    <div> 
     <h1 class='header'><#= data.header #></h1> 
     <h2 class='header2'><#= data.header2 #></h2> 
     <h3 class='header3'><#= data.header3 #></h3> 
     <h4 class='header4'><#= data.header4 #></h4> 
     <h5 class='header5'><#= data.header5 #></h5> 
     <h6 class='header6'><#= data.header6 #></h6> 
     <ul class='list'> 
      <# for (var i=0 , l=data.list.length; i < l; i++) { #> 
       <#if(data.list[i]%2==0){#> 
        <li class='item'> 
         <#=data.list[i] #> 
        </li> 
        <#}#> 
      <# } #> 
     </ul> 
    </div>  
</script> 

너무>http://demos.kendoui.com/web/templates/index.html

자바 스크립트

을

window.sharedVariables = { 
    header: "Header", 
    header2: "Header2", 
    header3: "Header3", 
    header4: "Header4", 
    header5: "Header5", 
    header6: "Header6", 
    list: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'] 
}; 
var temp = 0; //i want to pass this variable in the template and check it's value 
var template = kendo.template($("#template").html()); // your kendo template 

function preview() { 
    $("#results").html(template(sharedVariables)); 
} 

preview();