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
[源码下载]


     本文转自webabcd 51CTO博客,原文链接:http://blog.51cto.com/webabcd/341975 ,如需转载请自行联系原作者
相关文章
|
14天前
|
编解码 前端开发 UED
解密CSS单位:px、em、vh的区别与应用
解密CSS单位:px、em、vh的区别与应用
28 0
|
1月前
|
前端开发
css解决li边框重合问题
css解决li边框重合问题
14 0
|
1月前
|
XML 前端开发 数据格式
CSS应用
CSS应用
16 0
|
3月前
|
Web App开发 XML 前端开发
企业级 Web 应用里使用 CSS 调整应用外观的一些例子
企业级 Web 应用里使用 CSS 调整应用外观的一些例子
32 0
|
10天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
N..
|
1月前
|
前端开发 开发者
CSS高级应用
CSS高级应用
N..
9 0
|
1月前
mvc.net分页查询案例——mvc-paper.css
mvc.net分页查询案例——mvc-paper.css
5 0
|
2月前
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
34 0
|
2月前
|
前端开发 JavaScript API
|
2月前
|
前端开发 JavaScript 开发者
优化CSS重置过程:探索CSS层叠技术的应用与优势
这篇文章介绍了一种名为CSS层叠的技术,用于优化CSS重置过程。它解释了CSS重置的概念,即通过删除浏览器默认样式来确保在不同浏览器上呈现一致的外观。然后,它引入了CSS层叠技术,以更好地控制样式的层次结构和优先级。