突出显示 ASP.NET 页面中的所有用户控件

Question

我想通过在页面周围添加边框来突出显示页面中使用的所有用户控件。我们这样做是为了方便调试。我可以重写用户控件基类中的 RenderControl 方法来轻松完成此操作，但我们有很多不使用基类的用户控件（遗留）。

然后我采取了不同的方法。我尝试在页面基类的PreRender方法中遍历页面控件，所有页面都会使用该方法，并为所有用户控件添加一个带边框的div。但我发现如果控件集合包含代码块（即 <% ... %>），则无法从控件集合中添加或删除。

有什么建议吗？

谢谢

Answer 1

以下是如何突出显示具有焦点的活动输入控件。您需要处理输入控件的onfocus和onblur客户端事件。并通过设置控件className<来应用或删除控件的CSS样式/em> 属性

将其添加到您的 css 文件中：

.highlight
{
  background-color: #fefbd2; /*highlight with yellow*/
  color: #000080;            /*make text blue*/
}

在您的 App_Code 目录中创建一个帮助器类，例如

public static class Helpers
{
  /// <summary>
  /// Adds the onfocus and onblur attributes to all input controls found in the specified parent,
  /// to change their apperance with the control has the focus
  /// </summary>
  public static void SetInputControlsHighlight(Control container, string className, bool onlyTextBoxes)
  {
   foreach (Control ctl in container.Controls)
   {
     if ((onlyTextBoxes && ctl is TextBox) ||
          (!onlyTextBoxes && (ctl is TextBox || ctl is DropDownList ||
          ctl is ListBox || ctl is CheckBox || ctl is RadioButton ||
          ctl is RadioButtonList || ctl is CheckBoxList))) 
     {
        WebControl wctl = ctl as WebControl;
        wctl.Attributes.Add("onfocus", string.Format("this.className = '{0}';", className));
        wctl.Attributes.Add("onblur", "this.className = '';");
     }
     else
     {
        if (ctl.Controls.Count > 0)
           SetInputControlsHighlight(ctl, className, onlyTextBoxes);
     }
   }
  }
}

然后覆盖任何页面的 OnLoad 方法。

protected override void OnLoad(EventArgs e)
{
  Helpers.SetInputControlsHighlight(this, "highlight", false);
  base.OnLoad(e);
}