如何通过 ASP.NET 代码隐藏获取放置在转发器中的 html 文本框的值？

Question

我有一个转发器，它在 ItemTemplate 中包含一个文本框 (html)。

我无法创建 asp 文本框，因为需要通过 jQuery 访问相关文本框以供用户操作文本框。

用户完成后，在相应的中继器行中按下一个 asp 按钮，我想通过后面的代码 (c#) 获取用户在文本框中输入的值。

谁能告诉我这是否可能？如果可以，能否推荐一些代码？

否则，有任何非 AJAX 替代方案吗？

Answer 1

在 jQuery 中引用 asp.net 组件没有问题。有几点需要了解：

1. 该项目将具有一个包含您最初授予控件的 ID 值的 ID。使用当前的编码方案（我无法想象 Microsoft 会发生重大变化），<asp:TextBox ID="txtBox" runat="server" /> 在 HTML 中变为 <input id="...._txtBox" name="...$txtBox" />。像 $(input[id$=txtBox]) 这样的 jQuery 选择器会找到它。
2. 因为 asp 控件最终会解析为旧的 HTML 表单元素，所以您将它们完全视为您直接创建的 HTML 元素。在这种情况下，您可以使用禁用的伪类启用/禁用它。
3. 通过查看为我的网页生成的源代码并了解发生了什么，我从中学到了很多。我喜欢 FireFox 的 Web 开发者工具栏及其查看生成的源代码命令。

Answer 2

应该这样做。如果您想要/需要任何进一步的解释，请告诉我。

把它放在你的 aspx 页面中：

<form id="form1" runat="server">
<div>
<asp:Repeater ID="rptHtmlTag" runat="server">
        <ItemTemplate>
            <input id="htmlTextBox" runat="server" />
        </ItemTemplate>
</asp:Repeater>
</div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</form>

把它放在你的代码隐藏中：

protected override void OnInit(EventArgs e)
{
    this.rptHtmlTag.ItemDataBound += new RepeaterItemEventHandler(rptHtmlTag_ItemDataBound);
    this.btnSubmit.Click += new EventHandler(btnSubmit_Click);
    base.OnInit(e);
}

void btnSubmit_Click(object sender, EventArgs e)
{
    foreach (RepeaterItem item in this.rptHtmlTag.Items)
    {
        HtmlInputText htmlTextBox = (HtmlInputText)item.FindControl("htmlTextBox");
        string THIS_IS_YOUR_VALUE = htmlTextBox.Value;
    }
}

void rptHtmlTag_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        HtmlInputText htmlTextBox = (HtmlInputText )e.Item.FindControl("htmlTextBox");
        htmlTextBox.Value = String.Concat("Some Value - Index", e.Item.ItemIndex);
    }
}

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        List<int> repeaterPopulator = new List<int> { 1, 2, 3 };
        this.rptHtmlTag.DataSource = repeaterPopulator;
        this.rptHtmlTag.DataBind();
    }
}