如何多次填充html块

Question

我想为我的申请制作看板。我想用mysql表填充它。为此，我需要重复以下几行代码。

    <li class="drag-column drag-column-needs-review"  id="list2" runat="server">
        <span class="drag-column-header"  runat="server" id="listspan">
            <asp:Label ID="Label3" runat="server" Text="Label">Needs Review</asp:Label>
        </span>
        <div class="drag-options" id="options3"></div>
        <ul class="drag-inner-list" runat="server" id="list1">
        </ul>
    </li>

我该怎么做？我不确定在aspx.cs中该怎么做。这是到目前为止我尝试过的。

protected void Page_Load(object sender, EventArgs e)
        {
            PopulateLists();                      
        }

        public void PopulateLists()
        {
           HtmlGenericControl li;

            for (int j = 0; j < 5; j++)
            {
                li = new HtmlGenericControl("li");
                li.Attributes.Add("class", "drag-column drag-column-needs-review");
                li.InnerText = "Item" + j;
                list2.Controls.Add(li);
                li.Style.Add("background-color", "green");

                for (int i = 0; i < 3; i++)
                {
                    li = new HtmlGenericControl("li");
                    li.Attributes.Add("class", "drag-item");
                    li.InnerText = "Item" + i;
                    if (i % 2 == 0)
                    {
                        li.Style.Add("background-color", "#ffff00");
                    }
                    else
                    {
                        li.Style.Add("background-color", "red");
                    }
                    list1.Controls.Add(li);
                    list1.Attributes.Add("onclick", "return ShowModalPopup()");
                }
            }
        }

上面的代码给了我一个包含行的列表，但是仅对于第一个列表，其他列表没有填充。

图像中的红色箭头是我想要做的。任何帮助将不胜感激，谢谢。