title: How to build dynamic MVC4 View while accessing the Model in javascript?
body: <p>I try to generate a html view from the Model in my <strong>MVC 4</strong> application, the <strong>Model</strong> is a list of elements and i want to generate form every element a list item on my view with the following format: </p>
  
  <pre><code>&lt;div class="-index-toplevelMenuItems -t-index-toplevelMenuItems"&gt;
       &lt;img src="@Url.Content("~/Images/bullet.png")"/&gt;
       &lt;div&gt;
           Model.Id
           &lt;h6&gt;Model.Date &lt;/h6&gt;  
       &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <ul>
  <li><p>How can i build up my view and how do i open my model from JavaScript
  to insert the data in the above format? Is it better to build the<br>
  view with the Razor syntax accessing the model?</p></li>
  <li><p>In which cases is advised to use the above mentioned two methods if it is possible?</p></li>
  </ul>