Asp.net updatepanel Listbox没有刷新布局

Question

so my problem is fairly simple i have 2 list-boxes and one button. 所以我的问题很简单，我有2个列表框和一个按钮。 when an item is selected in listbox2 and the button is clicked i would like to add the selected item to listbox1. 当在listbox2中选择一个项目并单击该按钮时，我想将所选项目添加到listbox1。

And it all seams to work until I add the second item. 在我添加第二个项目之前，所有接缝都能正常工作。 then listbox1 doesn't refresh it's items... 然后listbox1不刷新它的项目......

<body>
<form id="form1" runat="server">
    <asp:ScriptManager runat="server"></asp:ScriptManager>
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:ListBox ID="ListBox1" runat="server"></asp:ListBox>
            <asp:ListBox ID="ListBox2" runat="server"></asp:ListBox>
                <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            ListBox2.Items.Add(new ListItem("1", "1"));
            ListBox2.Items.Add(new ListItem("2", "2"));
            ListBox2.Items.Add(new ListItem("3", "3"));
            ListBox2.Items.Add(new ListItem("4", "4"));
            ListBox2.Items.Add(new ListItem("5", "5"));
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        if (ListBox2.SelectedIndex != -1)
        {
            ListBox1.Items.Add(ListBox2.SelectedItem);
        }
    }
}

Answer 1

You can add UpdateMode=conditional to your UpdatePanel 您可以将UpdateMode=conditional添加到UpdatePanel

And set <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> 并设置<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />

  <asp:ScriptManager runat="server"></asp:ScriptManager>
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:ListBox ID="ListBox1" runat="server"></asp:ListBox>
                <asp:ListBox ID="ListBox2" runat="server"></asp:ListBox>
                <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
            </ContentTemplate>

            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
            </Triggers>

        </asp:UpdatePanel>
    </div>

Answer 2

Found the solution :) The problem was that Listbox1 SelectionMode = Single... so when the result is returned the error is on the client side. 找到解决方案:)问题是Listbox1 SelectionMode = Single ...所以当返回结果时，错误在客户端。 solution is to deselect the item before you add it to the other list. 解决方案是在将项目添加到其他列表之前取消选择该项目。 (or make a new with the value and text from the selected one) （或使用所选值中的值和文本制作新内容）

 protected void Button1_Click(object sender, EventArgs e)
    {
        if (ListBox2.SelectedIndex != -1)
        {

            ListItem item = ListBox2.SelectedItem;
            item.Selected = false;
            ListBox1.Items.Add(item);

        }
    }

Asp.net updatepanel Listbox没有刷新布局

问题描述

2 个解决方案

解决方案1
2 已采纳 2012-09-12 09:12:29

解决方案2
0 2012-09-12 09:58:05

Asp.net updatepanel Listbox没有刷新布局

问题描述

2 个解决方案

解决方案1 2 已采纳 2012-09-12 09:12:29

解决方案2 0 2012-09-12 09:58:05

解决方案1
2 已采纳 2012-09-12 09:12:29

解决方案2
0 2012-09-12 09:58:05