Question

我正在开发一个asp.net webforms应用程序，我需要在我的sql数据库中显示网页中的数据列表。必须根据从数据库中选择的值的数量在现有div内填充数据。

问题我已经看到了堆栈溢出社区，我只是在div中创建了一个标签。我的问题是，我需要在创建的div中创建一个div和一个标签，这些必须放在一个现有的div中。

我有一个父div，在这个div中，我需要动态创建其他div并在这些动态创建的div中，我需要显示数据库中的值。

我的div的结构如下：

<div id="parent">                                   //This is my parent DIV 
    <div class="row row-list">                 // This div has to be dynamically created 
        <div class="col-md-3">                 // This div has to be dynamically created 
            <label>
                Total Number of Students:      // This will to get populated dynamically from database
            </label>
        </div>
        <div class="col-md-3">                 // This is the second div that has to be dynamically created
            <label>
                Number of Subjects:            // This will get populated dynamically from database
            </label>
        </div>
    </div>
</div>

将根据从数据库中检索的值的数量创建父div中的DIV。

我能够使用Response.Write方法实现此目的。以下是我的代码

    public void AddDynamicLabels()
    {
        string ConString = ConfigurationManager.ConnectionStrings["TestString"].ConnectionString;
        SqlConnection con = new SqlConnection(ConString);
        string CmdString = "SELECT Distinct Details from institute_data";
        SqlCommand cmd = new SqlCommand(CmdString, con);
        con.Open();
        SqlDataReader reader = cmd.ExecuteReader();
        DataTable dt = new DataTable();
        dt.Load(reader);
        con.Close();

        foreach (DataRow row in dt.Rows)
        {
            //pnlKPI.InnerHtml = "<div><div>";

            Response.Write("<div class='row row-list'><div class='col-md-3'>");
            Response.Write("<label>" + row["sKpi_name"].ToString() + "</label>");
            Response.Write("</div>");
            Response.Write("<div class='col-md-2'>");
            Response.Write("<label>COlumn 2</label>");
            Response.Write("</div></div>");

        }

    }

我的aspx代码是

<div class="col-md-10">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h5 class="panel-title">DETAILS</h5>
        </div>
    <div id="parent">
        <% AddDynamicLabels(); %>
    </div>
</div>

我只是想知道是否有任何替代方法可以实现更多性能而不是使用response.write方法。

使用c＃在现有div中动态创建div和label

0 个答案: