title: Kendo Tabstrip MVC Adding Dynamic Number of Tabs
body: <p>I am building a tab based web application.</p>
  
  <p>I can load a new tab from javascript using this code after an AJAX call:</p>
  
  <pre><code> tabStrip.append(
   {
        encoded: false,
        id: id,
        text: name + html,
        content: divData                        
   });
  </code></pre>
  
  <p>But, I now have a need to load some tabs at startup, and if I knew how many to load (and it didn't ever change) I can do it this way in Razor:</p>
  
  <pre><code>.Items(items =&gt;
  {
      items.Add().Text("Home").Content(@Html.Action("Load","Home").ToHtmlString()).Selected(true);
      items.Add().Text(Model[0].Name).HtmlAttributes(new { id = Model[0].Id.ToString(CultureInfo.InvariantCulture) }).Content(@Html.Action("Index", Model[0].Controller).ToHtmlString());
      items.Add().Text(Model[1].Name).HtmlAttributes(new { id = Model[1].Id.ToString(CultureInfo.InvariantCulture) }).Content(@Html.Action("Index", Model[1].Controller).ToHtmlString());
  }
  </code></pre>
  
  <p>But in the BindTo syntax, I can get only so far:</p>
  
  <pre><code>.BindTo(Model, (item, tab) =&gt;
  {
      item.Text = tab.Name;  //Needs to not be encoded!
      item.ContentUrl = tab.Url;
      item.Id = Id does not exist!
         or 
      item.HtmlAttributes = cannot be set!
  })
  </code></pre>
  
  <p>Unfortunately there are really no good examples out on the KendoUI website beyond the most basic.</p>