2011-10-13 27 views
0

我是胡子模板库的新手,并且具有以下场景。我正在从Web服务器中检索模板和数据。我试图结合使用下面的代码两个:我如何获得胡子来呈现此数据

function formatSearchResults(results) 
{ 
    dojo.xhrGet({ 
     url:"search_result_template.mch", 
     handleAs:"text", 
     load: function(template) 
     { 
       //Load the template into a hidden div on the page 
      var templateNode = dojo.byId("templateArea") 
     templateNode.innerHTML = template; 
    } 
}); 

var templateNode = dojo.byId("templateArea"); 
var formattedResults; 
formattedResults = Mustache.to_html(templateNode.innerHTML,results); 
var templateNode = dojo.byId("outputArea"); 
outputArea.innerHTML = formattedResults; 
} 

检索json和模板工作正常。但胡子从不呈现我的数据。

我有这样的JSON数据:

{ 
     "data": [ 
      { 
        "ColumnValues": { 
         "_0": "Bubbles", 
         "_1": "Thompson%20Trucking", 
         "_2": "A633937432DF91212431251256D350", 
         "_3": "Eagleton", 
         "_4": "CA", 
         "_5": "555-555-5555", 
         "_6": "12121", 
         "_7": "Midatlantic", 
         "_8": "Thompson%20Trucking..<snip>, 
         "_9": "" 
        } 
      }, <snip> 
       ] 
} 

这胡子模板:

<table id="orgInfo"> 
    <tr> 
     <th>Search results: <br/><br/></th> 
    </tr> 
    <tr> 
     <td>Organization</td> 
     <td>City</td> 
     <td>State</td> 
     <td>Phone</td> 
     <td>Region</td> 
     <td>Industry</td> 
     <td>Description</td> 
    </tr> 
    {{data}} 
    {{#ColumnValues}} 

<tr> 
    <td>{{_0}}</td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td>Region</td> 
    <td>Industry</td> 
    <td></td> 
</tr> 
    {{/ColumnValues}} 
    {{/data}} 

,这是输出我得到:

{{/data}} 
Search results: 

Organization City State Phone NAICS Region Industry Description 
            NAICS Region Industry` 

我有已经结束了文档和考试几个小时。有人可以告诉我我做错了什么吗?

谢谢!

回答

0

确定。我现在感觉像一个涂料。在将它传递给mustache库之前,我并没有将json文本转换为对象。一切都很好。我希望这可以帮助那些犯同样愚蠢错误的人。

0

我认为你需要改变

{{data}} 

{{#data}} 
+0

感谢您的回复。我已经试过了。它不起作用。我在这篇文章之后建立了我的代码:http://stackoverflow.com/questions/6799038/how-can-i-render-this-json-use-mustache-js-without-loop –