删除动态创建的 HTML 表格行 - 生命周期/视图状态问题

Question

所以我有一个动态添加的行和 ASP.NET 文本框的 HTML 表。如果 viewstate[dataonpage] = true，我在 page_load 上重新实例化了行和控件，并且我在添加行和控件的方法中将其声明为 true。 （我需要他们坚持其他回发）

问题是我现在添加了一个 CLEAR 按钮，该按钮在单击时会删除所有 html 行（不包括标题），并且对于某些原因在单击按钮时会出现索引错误，或者如果使用 Try/Catch 它只会删除一半的行（每隔一行）。我认为问题与 viewstate[dataonpage] 仍然“真实”有关，并且在页面加载时正在重新添加数据。如果我将 viewstate["dataonpage"] = "false" 添加到清除按钮方法中，也会发生同样的情况，但至少这样在第二次单击时它会删除后半行。

我理解这是因为按钮事件处理程序在 page_load 之后才被触发，这就是为什么它在第一次单击时不起作用的原因。但我不完全理解的是，为什么即使没有这个，我的清除按钮代码也不会首先清除所有行。

任何帮助理解为什么它不起作用，以及解决方法将不胜感激！

protected void Page_Load(object sender, EventArgs e)
        {
            if (Convert.ToString(ViewState["DataOnPage"]) == "true")
                {
                    Getmarketdata();
                }
        }

protected void Getdatabtn_Click(object sender, EventArgs e)
        {
            ViewState["DataOnPage"] = "true";
            Getmarketdata();
        }

以下是创建添加表行和控件的方法：

public void Getmarketdata()
        {
            String url = "https://api.rightmove.co.uk/api/rent/find?index=0&sortType=1&maxDaysSinceAdded=" + Dayssinceuploadtext.Text + "&locationIdentifier=OUTCODE%5e" + Outcodetext.Text + "&apiApplication=IPAD";
            Response.Write(url);

            using (var webclient = new WebClient())
            {
                String Rawjson = webclient.DownloadString(url);
                    ViewState["VSMarketDataJSONString"] = Rawjson;
                dynamic dobj = JsonConvert.DeserializeObject<dynamic>(Rawjson);
                int NoOfHouses = dobj["properties"].Count;
                Response.Write("<br />" + NoOfHouses);
                for (int i = 0; i < NoOfHouses; i++)
                {
                    System.Web.UI.HtmlControls.HtmlTableRow tRow = new System.Web.UI.HtmlControls.HtmlTableRow();
                    GeneratorTable.Rows.Add(tRow);
                    String RMlink = String.Format("https://www.rightmove.co.uk/property-to-rent/property-" + dobj["properties"][i]["identifier"].ToString()) + ".html";
                    HyperLink hypLink = new HyperLink();
                    hypLink.Text = dobj["properties"][i]["identifier"].ToString();
                    hypLink.Target = "_blank";
                    hypLink.NavigateUrl = RMlink;
                    using (System.Web.UI.HtmlControls.HtmlTableCell tb1 = new System.Web.UI.HtmlControls.HtmlTableCell())
                    {
                        tRow.Cells.Add(tb1);
                        tb1.Controls.Add(hypLink);
                    }
                    using (System.Web.UI.HtmlControls.HtmlTableCell tb2 = new System.Web.UI.HtmlControls.HtmlTableCell())
                    {
                        TextBox tbEPCe = new TextBox();
                        tRow.Cells.Add(tb2);
                        tb2.Controls.Add(tbEPCe);
                        String txtboxID = (("EPCETxtBox") + i);
                        tbEPCe.ID = txtboxID;
                        tbEPCe.Style.Add("background", "none"); tbEPCe.Style.Add("border", "1px solid black"); tbEPCe.Style.Add("border-radius", "2px");
                    }
                    using (System.Web.UI.HtmlControls.HtmlTableCell tb3 = new System.Web.UI.HtmlControls.HtmlTableCell())
                    {
                        TextBox tbEPCp = new TextBox();
                        tRow.Cells.Add(tb3);
                        tb3.Controls.Add(tbEPCp);
                        String txtboxID = (("EPCPTxtBox") + i);
                        tbEPCp.ID = txtboxID;
                        tbEPCp.Style.Add("background", "none"); tbEPCp.Style.Add("border", "1px solid black"); tbEPCp.Style.Add("border-radius", "2px");

                    }
                    using (System.Web.UI.HtmlControls.HtmlTableCell tb4 = new System.Web.UI.HtmlControls.HtmlTableCell())
                    {
                        TextBox tbBbl = new TextBox();
                        tRow.Cells.Add(tb4);
                        tb4.Controls.Add(tbBbl);
                        String txtboxID = (("BblTxtBox") + i);
                        tbBbl.ID = txtboxID;
                        tbBbl.Style.Add("background", "none"); tbBbl.Style.Add("border", "1px solid black"); tbBbl.Style.Add("border-radius", "2px");
                    }
                }
            }
        }

下面是清除表格行的方法：（这是行不通的）

public void ClearTableRows()
        {
            System.Web.UI.HtmlControls.HtmlTable Htmlgeneratortable = ((System.Web.UI.HtmlControls.HtmlTable)GeneratorTable);
            int NoOfRows = Htmlgeneratortable.Rows.Count;
            for (int j = 1; j < NoOfRows; j++)
            {
                try
                {
                    Htmlgeneratortable.Rows.RemoveAt(j);
                }
                catch
                { }
            }
        }

Answer 1

我将解释发生了什么，因为您现在已经编写了代码；我不相信我有能力提供答案，包括要进行的确切代码更改，所以这是您当前方法的问题：

您的表 GeneratorTable 存在于所有客户端。这并不意味着每次有人导航到您的网站时都会生成一个表格，这意味着存在 一个 表格，并且每个登录的客户都会获得该 一个 表格.

因此，如果您为一个客户端添加行，然后将表发送到另一个客户端，两个客户端将看到同一个表（添加了行）。

问题是清空表是与后端服务器无关的逻辑。您的服务器没有理由处理清空表格，您的服务器应该只处理页面导航和 AJAX 调用，它不应该改变网页的外观，因为服务器只能响应每个客户端 one 时间。

用GeneratorTable 响应客户端然后在服务器上更新GeneratorTable 有什么意义？除非从服务器重新发送，否则客户端将永远不会看到对表所做的更新。

你说你是新手，需要学习 JS 和客户端，这个练习应该作为一个例子，说明为什么你需要把某些代码放在前端，一些代码放在后端，因为仅使用服务器并没有一种优雅的方式来完成您想要做的事情。