gpt4 book ai didi

Asp.Net 将 UserControl 添加到页面

转载 作者:行者123 更新时间:2023-12-01 01:20:37 25 4
gpt4 key购买 nike

我有一个 ASP.Net 网站,在其中一个页面上,我使用转发器来呈现 UserControl 的多次迭代,该 UserControl 包含第二个 UserContol,其中有两个文本框,我的用户必须在其中输入信息。我希望能够让我的用户按下按钮并将第二个 UserControl 的另一个实例(带有两个文本框)添加到我的原始 UserControl 中,以便用户在第一个 UserControl 的屏幕上显示 4 个文本框。如果我尝试将第二个 UserControl 添加到第一个 UserControl 的给定迭代中,我遇到的问题是页面回发会导致任何其他第二个用户控件从页面中删除。

有谁知道使用 JQuery 执行此操作的方法吗?我已经发表了三篇文章,描述了如何使用服务器端动态控件和/或 AJAX 来解决此问题,但我们决定重点关注 JQuery 解决方案,因为这种服务器端机制对我们来说资源成本太高。

我一直在研究下面 Zincorp 的建议,现在 JQuery 可以克隆文本框,但在使用服务器端 Request.Form 集合来迭代控件时遇到问题。任何人都可以就如何迭代 Request.Form 集合提供建议吗?

好吧,我认为使用 Request.Form.AllKeys 集合迭代控件的问题是我使用的是 HTML 文本框,而不是 ASP TextBox 控件。显然,Request.Forms.AllKeys 集合仅包含 ASP 控件,而不包含 HTML 控件。

我现在看到的问题是,当我在 JQuery 中克隆控件,然后使用提交按钮提交页面时,这 2 个控件具有相同的 ID,因此通过 http 将(我认为)合并到一个 ASP 中包含两个值的文本框控件,并带有逗号分隔符(例如 - 40,20)。有人知道如何为克隆的 ASP TextBox 分配一个新的 ID 吗?

以下是示例 ASP.Net Web 应用程序中更新的标记:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs"   Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label runat="server" ID="ProjectDisplay" Text="Project" />
<asp:TextBox ID="ProjectValue" runat="server" ></asp:TextBox>
<div id="mydiv" ></div>
<br />
<br />
<br />

<input id="AddProject" type="button" value="Add Project" />
<br />
<br />


<asp:Button ID="Submit" runat="server" Text="Submit" onclick="Submit_Click" />

</div>
</form>
</body>
</html>
<script language="jquery" src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" >

$(document).ready(function() {

$("#AddProject").click(function() {

var x = $("#ProjectValue").clone();

x.appendTo("#mydiv");
});
});
</script>

这是更新后的服务器端代码,我尝试迭代 Request.Form 集合中的项目以从中获取信息:

public partial class _Default : System.Web.UI.Page 
{
protected void Submit_Click(object sender, EventArgs e)
{
foreach (string s in Request.Form.Keys)
{
object x = Request.Form[s];
}
}

}

最佳答案

在选择问题的解决方案之前,首先考虑问题:

您实际上需要:

1) 客户端重复的控件/标记

2)在服务器端回发时获取这些值

3) 对于客户端添加的每个“用户控件”,将它们添加为服务器端第一个用户控件的子控件。

我不会给出代码,但这里有一些想法:

1) 使用 jQuery 的 .clone() 方法 ( http://api.jquery.com/clone/ ) 复制由包含文本框的用户控件呈现的标记。也许将它们包装在没有 runat="server"的 div 中,以便您可以轻松地通过 ID 获取它。然后,您可能需要递归地迭代克隆元素中的子元素,并向它们附加 # 以避免任何标识符冲突。 (例如nameTextBox_1、nameTextBox_2等)

2) 在回发时,使用服务器端的 Request.Form 集合来获取文本框值。遍历它并获取所有键以“nameTextBox_”开头的项目。

3) 对于客户端添加的每个“用户控件”,在服务器端创建实际的用户控件,为其分配在文本框中输入的值,然后将其添加到第一个控件的子控件中。这样,状态在返回给用户时得以维持。

关于Asp.Net 将 UserControl 添加到页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2246305/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com