2017-06-09 8 views
0

存在していない私は、このサンプルを持っている:剣道テンプレートとフィールドデータが

<ul id="users"></ul> 

<script type="text/x-kendo-template" id="myTemplate"> 
    #if(isAdmin){# 
     <li>#: name # is Admin</li> 
    #}else{# 
     <li>#: name # is User</li> 
    #}# 
</script> 

<script type="text/javascript"> 
    var templateContent = $("#myTemplate").html(); 
    var template = kendo.template(templateContent); 

    //Create some dummy data 
    var data = [ 
     { name: "John", isAdmin: false }, 
     { name: "Alex", isAdmin: true } 
    ]; 

    var result = kendo.render(template, data); //render the template 

    $("#users").html(result); //append the result to the page 
</script> 

私はそれが可能に明らかに存在し、テスト機能ではなく、データを持っている場合、それは動作しません知っていただきたいと思います....

var data = [ 
      { isAdmin: false }, 
      { isAdmin: true } 
     ]; 

アイデアはありますか? x-kendo-templateを使用する際に問題がないことを確認するためにあなたの助け

+0

_「動作しません」_、これはどういう意味ですか?正しく表示されず、エラーが発生しますか?この[dojo](http://dojo.telerik.com/ACIjoC/2)は私のために働いています.. – Sandman

+0

いいえ、このデータでは動作しません。例:var data = [ {name: "John"}、 {名前: "Alex"、isAdmin:true} ]; – lg0173

+0

テンプレートを使ってデータの検証を行うだけです。以下の回答を参照してください。 – Sandman

答えて

0

ため

おかげで、テンプレートに提供されたデータを検証するために確保します。例えば

あなたが提供している場合:

var data = [ 
    { name: "John" }, 
    { name: "Alex", isAdmin: true } 
]; 

テンプレートには、次のようにチェックするためにtemplateを変更することができます。

<script type="text/x-kendo-template" id="myTemplate"> 
    #if(typeof(isAdmin) != "undefined" && isAdmin != null){# 
     #if(isAdmin && name.length > 0){# 
     <li>#: name # is Admin</li> 
     #}else if(name.length > 0){# 
     <li>#: name # is User</li> 
     #} else {# 
     <li>No name provided</li> 
     #}# 
    #}# 
</script> 

Dojo exampleはこのことを実証します。

関連する問題