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

Question

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

在客户端向 BulletedList 添加项目是否有技巧？

Answer 1

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

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

例如，

<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));
}