使用javascript将项添加到asp：BulletedList

Question

我正在尝试在javascript中向asp：BulletedList添加项目。但在回发后，添加的项目不在BulletedList.Items。

是否有能够在客户端将项目添加到BulletedList的技巧？

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