问题描述

在 ASP.NET 4 的 WebForm 应用程序中，将 ListBox 服务器控件的 Enabled 属性设置为 false 后，并没有禁用该控件。

测试程序

测试程序的 WebForm 页面文件 TestForm.aspx：
?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestForm.aspx.cs" Inherits="WebAppTester.TestForm" %>
 



  
  


  

  

    
    
    
  
  

以及相应的代码隐藏文件 TestForm.aspx.cs：
?

using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using Skyiv.Common;
 
namespace WebAppTester
{
  public partial class TestForm : PageEx
  {
    protected void Page_Load(object sender, EventArgs e)
    {
      if (!IsPostBack)
      {
        lstTest.DataSource = Enum.GetNames(typeof(DateTimeKind));
        lstTest.SelectedIndex = 1;
        lstTest.DataBind();
      }
    }
 
    protected void Button_Click(object sender, EventArgs e)
    {
      Switch(((Button)sender) == btnEanble);
    }
 
    void Switch(bool isEnable)
    {
      btnDisable.Enabled = isEnable;
      btnEanble.Enabled = !isEnable;
      if (isEnable) lstTest.Enable();
      else lstTest.Disable();
    }
  }
}

下面是 PageEx.cs:

?

using System;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace WebAppTester
{
  public abstract class PageEx : Page
  {
    protected override void OnLoadComplete(EventArgs e)
    {
      base.OnLoadComplete(e);
      RunDisabledListSelectedListItem(this);
    }
 
    void RunDisabledListSelectedListItem(Control top)
    {
      foreach (Control ctl in top.Controls)
      {
        var lst = ctl as ListControl;
        if (lst != null && !lst.Enabled)
          foreach (ListItem item in lst.Items)
            if (item.Selected)
              item.Attributes.Add("class", WebControl.DisabledCssClass);
        RunDisabledListSelectedListItem(ctl);
      }
    }
  }
}

上述 RunDisabledListSelectedListItem 方法是为了配合 Main.css，用以补救 IE 8、IE 9 和 Chrome 浏览器的 bug 的。还有定义扩展方法的 WebControlExtensions.cs：

using System.Web.UI.WebControls;
 
namespace Skyiv.Common
{
  public static class WebControlExtensions
  {
    static readonly string tagDisabled = "disabled";
 
    public static void Enable(this WebControl ctl)
    {
      ctl.Enabled = true;
      ctl.Attributes.Remove(tagDisabled);
    }
 
    public static void Disable(this WebControl ctl)
    {
      ctl.Enabled = false;
      ctl.Attributes.Add(tagDisabled, tagDisabled);
    }
  }
}

上述 Disable 扩展方法就是用来补救 ListBox 服务器控件无法被禁用的。最后是样式表 Main.css：

option.aspNetDisabled
{
  color: White;
  background-color: #00FFFF;
}

运行结果

上述测试程序的运行结果如下所示：

点击“禁用”按钮后：

相应的的 HTML 页面源代码如下所示：
?

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">









  
    Unspecified
    Utc
    Local
  
  
  

可以看出，上述 HTML 源代码中第 11 行的 select HTML 元素已经添加了 disabled 属性，第 13 行的的 option 子元素也添加了 class 属性，以便对应 Main.css 中相应的样式，补救在 IE 8、IE9 和 Chrome 19.0 浏览器中不能正确显示的 bug。

MSDN 中的说法

在 MSDN 的 ASP.NET 4 和 Visual Web Developer 中的新增功能 中提到：

用于可禁用控件的 CSS
在 ASP.NET 3.5 中，禁用某个控件时（请参见 WebControl.Enabled），会将一个 disabled 特性添加到呈现的 HTML 元素中。 
例如，下面的标记将创建一个已禁用的 Label 控件：

  
   
在 ASP.NET 3.5 中，原有控件设置将生成以下 HTML：

   Test
在 HTML 4.01 中，针对 span 元素将 disabled 特性视为无效。 它仅对 input 元素有效，因为它指定这些元素无法访问。
对于仅供显示的元素（如 span），浏览器通常支持呈现禁用的外观，但根据辅助功能标准，依赖于这种非标准行为的网页并不可靠。 
对于仅供显示的元素，应使用 CSS 指明已禁用的可视外观。 因此在默认情况下，ASP.NET 4 将针对上面显示的控件设置生成以下 HTML：

   Test 
通过设置 DisabledCssClass 属性，可以更改控件禁用时默认呈现的 class 特性的值。
  

实际上，在 ASP.NET 4 中，如果将 WebControl 的 Enabled 属性设置为 false，ListBox 服务器控件对应的 select HTML 元素的确没有被添加 disabled 属性。而 Button 服务器控件对应的 input HTML 元素还是被添加 disabled 属性。照理说，select HTML 元素也不能说是仅供显示的元素吧。

使用 ASP.NET 3.5 兼容模式