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

Question

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

在客户端向BulletedList添加项目有什么诀窍吗？

Answer 1

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

最简单的方法是使用UpdatePanel等Ajax添加新的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));
}