查找使用母版页的页面控件时出现问题

Question

我有一组页面，每个页面用于提示用户输入数据并在数据库中为此数据创建一条记录。

我对所有页面使用相同的技术.. 2 个面板，第一个面板包含所有输入控件，默认情况下可见，第二个面板显示成功消息，默认情况下隐藏。

现在，当用户单击“提交”按钮时..如果数据有效，我会编写几行来隐藏第一个面板并显示第一个面板..我有大约 20 个页面使用相同的技术，因此作为一个好的实践 我在我的 Web 项目中添加了一个名为 Helper 的类，它搜索 2 个面板，然后隐藏并显示我需要的内容。

我对所有页面使用了相同的面板 ID，这样我就可以轻松使用它！

注意：我首先直接直接搜索面板，但它不起作用，所以我尝试搜索包含面板和内容的内容控件（因为此页面使用母版页），然后找到面板。两次尝试都不会成功！

public class Helpers
{
    public static void SuccessfulSubmission(Page p)
    {
        Content content = p.FindControl("Content2") as Content;
        Panel inputPanel = content.FindControl("inputPanel") as Panel;
        inputPanel.Visible = false;
    }
}

Answer 1

搜索内容控件永远不会起作用，因为每当使用母版页时，其控件都会插入到页面中，并且页面的控件（在内容控件内）会添加到相应的内容占位符中。也许，您应该首先尝试找到内容占位符，然后尝试查找控件。

然而，更好的设计是创建一个基页面类以及特定的母版页来控制这种交互。例如，

您将有一个母版页（假设名为 TwoPanelMaster），它将使用您的网站母版页并使用两个面板布局以及提交按钮。想法是您拥有通过母版页控制的标准布局。

  <asp:Panel runat="server" ID="InputPanel">
     <asp:ContentPlaceholder runat="server" ID="Input"></asp:ContentPlaceholder>
  </asp:Panel>
  <asp:Panel runat="Server" ID="Message">
     <!-- put the UI for displaying message -->
  </asp:Panel>
  <asp:Button runat="server" ID="Submit" />

在后面的主代码中公开方法来访问提交按钮、显示/隐藏面板等。

现在创建一个基页面类来编码基本交互 -

public abstract class InputPage : System.Web.UI.Page
{
  protected override OnLoad(EventArgs e)
  {
     var master = this.Master as TwoPanelMaster;
     master.GetSubmitButton().OnClick += Submit_Click();
  }

  private void Submit_Click(object sender, EventArgs e)
  {
     ValidateInput();
  }

  protected virtual void ValidateInput()
  {
     // do some common code (if any)
     string message;
     if (OnValidateInput(out message))
     {
        // validation succesful, show success message
        var master = this.Master as TwoPanelMaster;
        master.ShowMessage(message); // this method should hide the input panel and display message panel.
     }
  }

  // pages should provide implementation of this method
  protected abstract bool OnValidateInput(out string successMessage);

}

这是一种通用方法，可以为您提供更多控制并消除依赖关系，例如您的页面必须包含具有特定 ID 等的面板。