2012-01-22 19 views
0

私はプレイとjqueryテンプレートの初心者です。 私がしたいことは、divのクリックでpojoデータをレンダリングすることです。 は、データが読み込ま取得されていないような構文に助けが必要.. 私はこの上でいくつかの助けをworking..Needされていないis..whichをやろうとしています。..jquery templates with play framework

<script id="expense" type="text/x-jquery-tmpl"> 
     {{=name}}     
</script> 

<script type="text/javascript"> 
    $('#invoicelist').click(function(){ 
     if ($(this).next().is(":hidden")){ 
      $.post('bars.json', function(data){ 
        $.each(data, function(index, item){ 
         // $("#expandeddetails1").show("slow"); 
         //$("#expandeddetails1").clone(true) 
         //      .insertAfter("#expandeddetails1"); 
         $("#employeeTemplate").tmpl(item) 
              .appendTo('#invoicelist'); 
        }); 
      }); 
     }else{ 
       $(this).next() 
        .slideUp("slow",function(){ 
          $("#expandeddetails1").detatch() 
        }); 
     } 
     return false; 
    }); 

答えて

0

それより多くの情報を共有すれば、デバッグに適しています。

  1. #employeeTemplateはどこですか?
  2. テンプレート#expenseは、関連するコードのどの部分でも使用されていません。#employeeTemplateである必要がありますか?
  3. bars.jsonから返されたデータは何ですか?火かき棒やクロムをチェックしましたか?

ところで、それは私のデータの上に$各ループはhttp://api.jquery.com/jquery.tmpl/

http://api.jquery.com/template-tag-tmpl/またはそれ以上簡単な使用上のjqueryのテンプレートの詳細

$('#employeeTemplate').tmpl(data).appendTo('#invoicelist'); 

チェックのように簡略化することができ感じを与えます