在后面的代码中创建动态div [英] create dynamic div in code behind

问题描述

HTML：

HTML:

<div  runat="server" ID="divCategory">
  <div class="item">
    <div class="col-lg-12">
        <div class="col-sm-3">
            <img src="1.png" /><br />
        </div>
        <div class="col-sm-3">
            <img src="1.png" /><br />
       </div>
       <div class="col-sm-3">
          <img src="1.png" /><br />
       </div>
       <div class="col-sm-3">
          <img src="1.png" /><br />
       </div>
    </div>
    <div class="col-lg-12">
        <div class="col-sm-3">
            <img src="1.png" /><br />
        </div>
        <div class="col-sm-3">
            <img src="1.png" /><br />
       </div>
       <div class="col-sm-3">
          <img src="1.png" /><br />
       </div>
       <div class="col-sm-3">
          <img src="1.png" /><br />
       </div>
    </div>
  </div>
</div>

i需要在c＃代码后面编写如上所示的代码，这是到目前为止，有人能指出我做错了吗？

i need to write the code as above in c# code behind, this is how i get so far, can someone point out where i did wrong?

HtmlGenericControl divItem = new HtmlGenericControl("div");
  divItem.Attributes["class"] = "item";

  HtmlGenericControl divColumnH = new HtmlGenericControl("div");
  divColumnH.Attributes["class"] = "col-lg-12";

  HtmlGenericControl divColumnD = new HtmlGenericControl("div");
  divColumnD.Attributes["class"] = "col-sm-3";

  Image img = new Image();
  img.ImageUrl = "1.png";
  img.Visible = true;

  divCategory.Controls.Add(divItem);
  divItem.Controls.Add(divColumnH);
  for (int i = 0; i < 4; i++)
  {                
      divColumnH.Controls.Add(divColumnD);
      divColumnD.Controls.Add(img);
  }

推荐答案

这篇关于在后面的代码中创建动态div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！