在 asp.net C# 中动态创建/复制的 Div

Posted 2023-05-09

【中文标题】在 asp.net C# 中动态创建/复制的 Div

【英文标题】：Dynamically Created/Copied Div in asp.net C#

【发布时间】：2015-10-31 12:07:24

【问题描述】：

关于我正在尝试做的一些背景故事。我正在构建一个基于网络的计算器来帮助我构建一个电话系统。该系统可以处理多个站点，但每个站点都需要一个单元来处理站点上的电话数量和站点上的 PSTN 端口。我遇到的问题是站点限制为 20 个站点，因此为每个站点构建一个 DIV 非常疯狂。我想找到一种方法让系统通过服务器端或客户端操作在屏幕上自动创建这些开发者（假设加载服务器端会带来一些问题可能会更好）这是我创建的 Div到目前为止：

<div id="Site1" runat="server" class="col-md-1">
        Site 1:        
        <br />Phones:<br />
        <asp:TextBox ID="Phones" runat="server" type="number" min ="1" Text="1" Width="72px" AutoCompleteType="Disabled"></asp:TextBox>
        <br />T1 Ports:<br />
        <asp:TextBox ID="T1" runat="server" type="number" min ="0" Text="0" step ="1" Width="72px" AutoCompleteType="Disabled"></asp:TextBox>
        <br />FXO Ports:<br />
        <asp:TextBox ID="FXO" runat="server" type="number" min ="0" Text="0" step="2" Width="72px" AutoCompleteType="Disabled"></asp:TextBox>
        <br />FXS Ports:<br />
        <asp:TextBox ID="FXS" runat="server" type="number" min ="0" Text ="0" step="2" Width="72px" AutoCompleteType="Disabled"></asp:TextBox>
        <hr />
    </div>

理想情况下，我每次都会重新创建它以及所有带有新变量的文本框。我知道克隆只有数据的 div 并不难，但一次又一次地创建它似乎在愚弄我

【参考方案1】：

听起来您只需要构建一个用户控件并将所有 div 包含在其中即可。然后，您可以使用中继器之类的东西来根据需要创建尽可能多的 div 集合。

【讨论】：

有了这个转发器，它会通用命名每个 Div 组件，还是我也可以命令命名约定。我不得不承认我对控件不熟悉

你可以做任何一个，但你真的不需要。您将它们作为用户控件的属性公开。然后，当您重复它们时，您只是给您的用户控件名称，然后访问它们的属性。例如，myUserControl_1.Phone = "555-555-5555"。在用户控件内部，您的文本框“Phones”设置为属性“Phone”。

这是一个很好的例子，应该可以帮助你：codeproject.com/Articles/1739/User-controls-in-ASP-NET

现在我在这个控制结构中的另一个问题是使用在复制中创建的变量可用于程序的更大目标。 DIV 的复制将包括一些用户输入的复制，这些输入有望进入全局可用的变量，从而在我试图编写的主程序中使用

这不是它的工作方式。您会将它们公开为控件的属性。示例 var myControl = new YourControl(); myControl.yourPropertyName;它们不是全局变量，它们只是控件的属性，就像在 asp:TextBox 上使用“.Text”一样。 “文本”只是该控件的公共属性。