asp.net 列表框更新

本文关键字：更新 列表 net asp | 更新日期: 2023-09-27 18:36:43

我有一个带有一组值的列表框，如果添加/删除数据，我想对其进行更新。

以下内容有效，但是有没有办法不必在每次修改内容时都调用它？

lbUsers.DataSource = myDataSource;
lbUsers.DataBind();

asp.net 列表框更新

是的

，如果要添加项目显式，则不必使用数据源：

lbUsers.Items.Add(new ListItem("New Item", "NI"));

如果数据被添加/删除，我想更新它

这完全取决于您的表单 UI。

页面的要点是添加用户并在添加用户时显示它们？还是页面的指令显示所有当前可用的用户直到秒？

如果您的目标是前者，则只需在每次添加用户时重新绑定lbUsers ListBox。

下面是第一种情况的示例：

添加用户和显示

标记 

<asp:TextBox ID="txtUsername" runat="server" />
<asp:Button ID="btAdd" runat="server" value="Add" onclick="btAdd_Click" />
<asp:ListBox ID="lbUsers" runat="sever" />

代码隐藏

public void AddUser()
{
    string username = txtUsername.Text;
    // Either update the database with a new user
    User newUser = User(username);
    WhateverDataAccessYoureUsing.Add(User);
    List<User> users = WhateverDataAccessYoureUsing.GetAllUsers();
    lbUsers.DataSource = users;
    lbUsers.DataBind();
    // OTHER OPTION
    //
    // Or if no database directly bind the user to the ListBox
    ListItem li = new ListItem(username);
    lbUsers.Items.Add(li);
}
protected void btAdd_Click(object sender, EventArgs e)
{
     AddUser();
}

但是，如果页面只是显示所有用户，并在其他地方创建新用户时显示新用户，那么您需要在此处组合AJAX和服务器端代码。我们将使用 HTML 选择，而不是使用服务器控件，因为无法在 WebMethods 中访问服务器控件。此外，我们将使用jQuery来执行AJAX调用。

通过 AJAX 调用显示用户

标记

<select id="lbUsers" size="4" multiple="multiple">
</select>
<script>
    // When the page is ready to be manipulated
    $(function() {
      // Call the server every three seconds to get an updated list of users
      setInterval(function() {
           $.ajax({ 
                type: "POST",
                url: "Default.aspx/GetUsers",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                   // If we are successful, append the results to lbUser
                   $(result.d).appendTo('#lbUser').hide().fadeIn(500);
                },
                error: function () {
                    // If we encounter an error, alert the user
                    alert("There was a problem getting the new users");
                }
            });
       },3000); // 3000 is 3000 milliseconds which is 3 seconds
    });
</script>

代码隐藏

// This annotation is required for all methods that can be accessed via AJAX calls
[System.Web.Services.WebMethod]
public static void GetUsers()
{
   List<User> users = WhateverDataAccessYoureUsing.GetAllUsers();
   string listItems = string.Empty;
   // Loop through the list of users and create the option
   // that will be displayed inside of lbUsers
   foreach (User u in users)
   {
       listItems += CreateOption(u.Username);
   }
   // return the string value that will be appended on to lbUsers
   return listItems;
}
// This creates the html options that will be displayed 
// inside of lbUser
private string CreateOption(string text)
{
   string option = "<option>" + text + "</option>"
}
您需要在

每次回发时将数据源显式绑定到更新的数据源。

相关文章：