使用 javascript 将项目添加到 asp:BulletedList答案

【问题标题】：Add item with javascript to asp:BulletedList使用 javascript 将项目添加到 asp:BulletedList
【发布时间】：2013-11-27 17:08:54
【问题描述】：

我正在尝试将项目添加到 javascript 中的 asp:BulletedList。但是在回发之后，添加的项目不在 BulletedList.Items 中。

在客户端向 BulletedList 添加项目有什么技巧吗？

【问题讨论】：

标签： javascript asp.net postback bulletedlist

【解决方案1】：

很遗憾，您不能在客户端更改 ListItem，因为它是一个服务器控件。

最简单的方法是使用 Ajax 添加新的 ListItem，例如 UpdatePanel。

例如，

<asp:ScriptManager runat="server" ID="ScriptManager1"></asp:ScriptManager>
<asp:TextBox runat="server" ID="TextBox1" />
<asp:Button runat="server" ID="Button1" Text="Add" OnClick="Button1_Click" />
<br />
<asp:UpdatePanel runat="server" ID="UpdatePanel1">
    <ContentTemplate>
        <asp:BulletedList ID="BulletedList1" runat="server">
            <asp:ListItem Text="One" />
            <asp:ListItem Text="Two" />
        </asp:BulletedList>
    </ContentTemplate>
</asp:UpdatePanel>

protected void Button1_Click(object sender, EventArgs e)
{
    BulletedList1.Items.Add(new ListItem(TextBox1.Text));
}

【讨论】：