【问题标题】:Create Dynamical Div tag in ASP.Net在 ASP.Net 中创建动态 Div 标签
【发布时间】:2012-05-19 17:27:27
【问题描述】:

我正在开发 Web 应用程序。在那我使用这么多的 Div 打开弹出窗口。现在我的要求是为该弹出窗口创建动态 div,并且该 div 的所有内容都来自数据库。

那么谁能告诉我如何以编程方式动态创建 Div?

我的 Div 示例代码..

 <div id="Popup" runat="server" class="hidden-content">
            <table width="auto">
                <tr>
                    <td style="font-size: 20px; font-weight: bold; text-align: center;">
                        <p>
                        </p>
                        <b>Diabetes</b>
                    </td>
                </tr>
                <tr>
                    <td style="font-size: 15px; text-align: left;">
                        <p>
                            Type I diabetes (also known as juvenile diabetes) is the less common form of diabetes.
                            It usually is diagnosed during childhood or teen years and requires treatment with
                            insulin.
                        </p>
                    </td>
                </tr>
            </table>
        </div>

【问题讨论】:

    标签: c# asp.net web-applications dynamic html


    【解决方案1】:

    我会在页面中插入 PlaceHolder 或 Literal 控件,并在 PageLoad 或 PageRender 上插入 html 控件/文本。

    如果您使用占位符控件,您可以使用 System.Web.UI.HtmlControls 中的 HTML 控件创建内容。

    通过使用占位符控件,您还可以编写自定义 WebControl,您可以在站点的其他位置重复使用该控件。然后可以在运行时将其添加到占位符控件中。

    对于 liteal,您可以将控件 div HTML 附加为文本。

    【讨论】:

      【解决方案2】:

      您可以使用 stringbuilder 添加 html 使用下面的 cose 以编程方式添加 html。

       using System.Text;
      
       StringBuilder strdiv = new StringBuilder();
       strdiv.Append("Put your Html here");
       strdiv.Append("Add much as you want ");
      

      之后将该字符串生成器分配给标签,以便在 html 中获得一个标签,其 id 为“htmllabel” 添加以下行以在标签中附加 html。

        htmllabel.Text = strdiv.ToString();      
      

      【讨论】:

        【解决方案3】:

        您需要使用名为 asp:Panel 的已定义服务器控件,该控件将呈现为 div。以编程方式创建面板并将它们添加到您的页面:例如Page.Controls.Add(myPanel);

        【讨论】:

          【解决方案4】:

          我正在开发一个 Web 应用程序,我需要与您需要的相同的东西,从这里您会得到一些想法并根据您的要求进行一些修改。Check my article here

          如果您有任何疑问,请询问。

          谢谢:-)

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2011-01-29
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2017-08-11
            • 1970-01-01
            相关资源
            最近更新 更多