只有DotVVM代碼組件不會正確生成HTML結構

Question

我有我自己的組件treeview菜單，我想生成這樣的HTML結構。

<a href> 
    <span class="something"> 
     <i class="icon"></i> 
    </span> 
</a> 

這裏是我的代碼，我產生結構爲我的菜單

public void DataBindItem(DotvvmControl parent, AdminMenuListDTO item, IDotvvmRequestContext context) 
    { 
     var li = new HtmlGenericControl("li"); 


     if (item.HasCategories) 
     { 
      //holder pro ikonu (šipku ukazující možnost rozbalení menu) 
      var iClassContainer = new HtmlGenericControl("span"); 
      iClassContainer.Attributes.Add("class", "pull-right-container"); 

      //ikona pro šipku ukazující možnost rozbalení menu 
      var iClass = new HtmlGenericControl("i"); 
      iClass.Attributes.Add("class", "fa fa-angle-left pull-right"); 

      li.Attributes.Add("class", "treeview expandable"); 
      if (!string.IsNullOrEmpty(item.Name)) 
      { 
       var ahref = new HtmlGenericControl("a"); 
       ahref.InnerText = item.Name; 
       ahref.Attributes.Add("class", "tree-toggler nav-header"); 
       ahref.Attributes.Add("id", item.Id.ToString()); 

       // add <a href> to <li> 
       li.Children.Add(ahref); 

       // add <span> container to <a href> 
       ahref.Children.Add(iClassContainer); 

       // add <i class> to <span> which contains icon 
       iClassContainer.Children.Add(iClass); 
      } 

      var childContainer = new HtmlGenericControl("ul"); 
      childContainer.Attributes.Add("class", "nav nav-list tree"); 
      childContainer.Attributes.Add("style", "display:none;"); 

      foreach (var child in item.AssignedToMenuItem) 
      { 
       DataBindItem(childContainer, child, context); 
      } 

      li.Children.Add(childContainer); 
     } 
     else 
     { 
      li.Attributes.Add("style", "treeview"); 
      if (item.RouteName != null) 
      { 
       var routeLink = new RouteLink(); 
       routeLink.RouteName = item.RouteName; 
       routeLink.Text = item.Name; 
       routeLink.Attributes.Add("class", "js_isRoute_" + item.Id.ToString()); 
       routeLink.Attributes.Add("id", item.Id.ToString()); 
       li.Children.Add(routeLink); 
      } 
     } 
     parent.Children.Add(li); 
    } 

問題是我的整個結構是不是在我看來渲染，我只看到這一點。我的<a href>標籤還應包含span和i。

我是結構法不正確呈現，但在調試模式VS在我的組件我看到它正確生成。我做錯了什麼？

Answer 1

這是因爲InnerText物業工作方式相同，因爲它在傳統的HTML。它取代了元素內的所有孩子。