ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList

[源码下载]

ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList

作者： webabcd


介绍
控件适配器（Control Adapters）可以让你改变通过ASP.NET控件生成的HTML标记。 http://www.asp.net/cssadapters/有详细的介绍和示例，但是没有用ul、li呈现CheckBoxList和RadioButtonList的例子（可能是因为太简单了，不屑去写），那就让我们来实现它吧，顺便熟悉一下如何开发控件适配器。


示例
App_Code/ControlAdaptersSample.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls.Adapters;

/**//// <summary>
/// ControlAdaptersSample 的摘要说明
/// </summary>
public class ControlAdaptersSample : WebControlAdapter
{
override void Render() override void Render(HtmlTextWriter writer)
        {
                ListControl listControl = this.Control as ListControl;
                IRepeatInfoUser repeaterInfo = this.Control as IRepeatInfoUser;

                 if (listControl == null || repeaterInfo == null)
                {
                        base.Render(writer);

                        return;
                }

                 if (listControl.CssClass.Length > 0)
                {
                        writer.AddAttribute( "class", listControl.CssClass);
                }

                writer.RenderBeginTag(HtmlTextWriterTag.Ul);

                 for (int i = 0; i < listControl.Items.Count; i++)
                {
                        writer.RenderBeginTag(HtmlTextWriterTag.Li);
                        repeaterInfo.RenderItem(ListItemType.Item, i, new RepeatInfo(), writer);
                        writer.RenderEndTag();
                }

                writer.RenderEndTag();
        }
}

App_Browsers/ControlAdaptersSample.browser

<browsers>
    <browser refID= "Default">
        <controlAdapters>
            <adapter controlType= "System.Web.UI.WebControls.CheckBoxList"
                 adapterType= "ControlAdaptersSample" />
            <adapter controlType= "System.Web.UI.WebControls.RadioButtonList"
                 adapterType= "ControlAdaptersSample" />
        </controlAdapters>
    </browser>
</browsers>

都有什么browsers可用呢？可以在如下的路径中找到

C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\CONFIG\Browsers

ControlAdaptersSample.aspx

<%@ Page Language= "C#" MasterPageFile= "~/Site.master" AutoEventWireup= "true" CodeFile= "ControlAdaptersSample.aspx.cs"
         Inherits= "Control_ControlAdaptersSample" Title= "友好CSS控件适配器的简单示例" %>

<asp:Content ID= "Content1" ContentPlaceHolderID= "cph" runat= "Server">
        <style>
                .ListControlCSS {}{ list-style:none; margin:0px; width: 400px; background-color: #CCC; }
                .ListControlCSS INPUT {}{ background-color: #CCC; }
                .ListControlCSS li{}{ float: left; width:100px; line-height:30px;}
        </style>
        <asp:CheckBoxList ID= "cbl" runat= "server" CssClass= "ListControlCSS">
                <asp:ListItem Text= "One" />
                <asp:ListItem Text= "Two" />
                <asp:ListItem Text= "Three" />
                <asp:ListItem Text= "Four" />
                <asp:ListItem Text= "Five" />
                <asp:ListItem Text= "Six" />
                <asp:ListItem Text= "Seven" />
                <asp:ListItem Text= "Eight" />
                <asp:ListItem Text= "Nine" />
                <asp:ListItem Text= "Ten" />
        </asp:CheckBoxList>
        <div>
                 </div>
        <asp:RadioButtonList ID= "rbl" runat= "server" CssClass= "ListControlCSS">
                <asp:ListItem Text= "One" />
                <asp:ListItem Text= "Two" />
                <asp:ListItem Text= "Three" />
                <asp:ListItem Text= "Four" />
                <asp:ListItem Text= "Five" />
                <asp:ListItem Text= "Six" />
                <asp:ListItem Text= "Seven" />
                <asp:ListItem Text= "Eight" />
                <asp:ListItem Text= "Nine" />
                <asp:ListItem Text= "Ten" />
        </asp:RadioButtonList>
        <p>
                官网：<a href= "http://www.asp.net/cssadapters/" target= "_blank">http://www.asp.net/cssadapters/</a>
        </p>
</asp:Content>

 

运行结果
CheckBoxList和RadioButtonList将以ul、li呈现


OK
[源码下载]