title: Using jsViews/jsRender with a property retuned as dictionary entries
body: <p>I was wondering why cannot seem to get this down correctly. I have a JSONResult in MVC returning a collection of "Job" objects. One of the properties of the "Job" objects is a Dictionary. I cannot seem to figure out how to add this to the "Job" entity template, so that I can display all values for the inner template. The current object design would be a job, and each job has a dictionary of job phases. The following code is what I am currently using:</p>
  
  <p>Job.cs</p>
  
  <pre><code>  public string Id { get; set; }
      public string Name { get; set; }
      public string CustomerName { get; set; }
      public string Phase {get;set;}
      public string PhaseText { get; set; }
      public Dictionary&lt;String,String&gt; Codes { get; set; }
  </code></pre>
  
  <p>The client side script:</p>
  
  <pre><code>&lt;script id="jobLevelTmpl" type="text/x-jsrender"&gt;
          &lt;tr class="row-header"&gt;
              &lt;td class="col-lg-1"&gt;{{:Id}}&lt;/td&gt;
              &lt;td class="col-lg-4"&gt;{{:Name}}&lt;/td&gt;
              &lt;td class="col-lg-1" title="Status code: '{{:Phase}}'"&gt;{{:PhaseText}}&lt;/td&gt;
              &lt;td class="col-lg-1"&gt;&lt;a jobid="{{:Id}}"&gt;View Job Details&lt;/a&gt;&lt;/td&gt;
              &lt;td class="col-lg-1"&gt;
                  &lt;div class="dropdown"&gt;
                      &lt;button class="btn btn-warning dropdown-toggle" type="button" id="menu1" data-toggle="dropdown"&gt;
                          Phase
                          &lt;span class="caret"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;ul class="dropdown-menu" role="menu" aria-labelledby="menu1"&gt;
                          {{for Codes}}
                             &lt;!-- This is where I do not know what to call or how to call the key or value of the dictionary items --&gt;                            
                             &lt;li role="presentation" class="dropdown-header"&gt;{{&gt;code}}&lt;/li&gt;
                          {{/for}}
                     &lt;/ul&gt;              
                 &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="col-lg-1"&gt;&lt;a href="javascript:function(){return false;}" jobid="{{:Id}}" class="btn btn-info expand-job"&gt;Update&lt;/a&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="col-lg-12 details-info" style="display:none;"&gt;
                  &lt;a href='#' onclick='parent.$.colorbox.close(); return false;' style="float:right;"&gt;Close&lt;/a&gt;
  
              &lt;/td&gt;
          &lt;/tr&gt;      
      &lt;/script&gt;
  </code></pre>