WebForms中按钮点击引发页面刷新问题求助

问题原因 #

ASP.NET的页面回发机制导致：每次点击按钮触发回发时，页面会重新执行完整生命周期，包括Page_Load方法。你的代码中所有按钮的创建、随机数分配逻辑都直接写在Page_Load里，没有判断是否为首次加载，所以回发时会重新生成所有按钮并分配新的随机数。而被点击的按钮文本会在后续的BtnClick事件中被修改为"clicked!"，因此看起来只有它保留了修改后的状态，其他按钮都被重置。

最佳解决方法 #

核心思路是区分首次加载和回发场景：首次加载时生成按钮并初始化随机数；回发时仅重建控件结构，让ASP.NET通过ViewState自动恢复控件的原有状态（包括Text值）。具体步骤：

1. 使用!IsPostBack标记首次加载的逻辑，只在此时生成随机数并初始化按钮文本。
2. 回发时必须重新创建所有动态按钮并添加到控件树，否则ViewState无法恢复控件状态，导致控件丢失。
3. 修正右下角不可见按钮的创建逻辑，确保16号按钮正确设置为不可见。

修改后的main.aspx.cs代码 #

using System;
using System.Drawing;
using System.Linq;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace HM1
{
    public partial class main : System.Web.UI.Page
    {
        public Button[,] buttons;

        protected void Page_Load(object sender, EventArgs e)
        {
            buttons = new Button[4, 4];
            int[] buttonNumbers = null;

            // 仅在首次加载时生成随机数数组
            if (!IsPostBack)
            {
                buttonNumbers = new int[buttons.Length];
                for (int z = 0; z < buttonNumbers.Length; z++)
                {
                    buttonNumbers[z] = z + 1;
                }

                var rng = new Random();
                var indexes = buttonNumbers.Select(x => rng.NextDouble()).ToArray();
                Array.Sort(indexes, buttonNumbers);

                // 将随机数数组存入ViewState，方便后续游戏逻辑使用
                ViewState["ButtonNumbers"] = buttonNumbers;
            }
            else
            {
                // 回发时从ViewState取出之前的随机数数组
                buttonNumbers = (int[])ViewState["ButtonNumbers"];
            }

            // 每次回发都要重建控件树，保证ViewState能恢复控件状态
            int counter = 0;
            for (int i = 0; i < buttons.GetLength(0); i++)
            {
                var row = new TableRow();
                for (int j = 0; j < buttons.GetLength(1); j++)
                {
                    var cell = new TableCell();
                    var button = buttons[i, j] = new Button();
                    button.Width = 75;
                    button.Height = 75;
                    button.BackColor = Color.DarkCyan;
                    button.Click += BtnClick;

                    // 仅首次加载时设置初始文本，回发时由ViewState自动恢复
                    if (!IsPostBack)
                    {
                        if (i == 3 && j == 3)
                        {
                            button.Text = buttonNumbers[counter].ToString();
                            button.Visible = false;
                        }
                        else
                        {
                            // 跳过16号，分配其他数字
                            if (buttonNumbers[counter] == 16)
                            {
                                counter++;
                            }
                            button.Text = buttonNumbers[counter].ToString();
                            counter++;
                        }
                    }

                    cell.Controls.Add(button);
                    row.Controls.Add(cell);
                }
                GameTable.Controls.Add(row);
            }
        }

        public void BtnClick(Object sender, EventArgs e)
        {
            Button clickedButton = (Button)sender;
            clickedButton.Text = "clicked!";
        }
    }
}

关键说明 #

• !IsPostBack：确保随机数生成和初始文本设置只在第一次打开页面时执行，避免回发时重置所有按钮。
• 动态控件重建：每次回发都要重新创建按钮并添加到表格，否则ASP.NET无法定位到这些控件，ViewState无法恢复它们的状态。
• ViewState存储：将随机数数组存入ViewState，确保回发时能获取初始数字序列，为后续游戏逻辑（比如方块移动判断）提供基础。

内容的提问来源于stack exchange，提问作者Pizi