开发者社区> 技术小胖子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
初学JavaWeb,前端css要不要了解一下啊?一文学会JavaWeb中css的简单应用
初学JavaWeb,前端css要不要了解一下啊?一文学会JavaWeb中css的简单应用
0 0
零基础CSS入门教程(2)——CSS如何应用
上一篇介绍了CSS的作用,就是用来设置网页的样式的。本篇就用一个最基础的入门实例,来展示下CSS是如何将样式应用到网页上好的,现在我们想将绿色这个样式应用到上面的第一个标签,也就是下面这段代码上。 那么如何应用呢,其实可以通过HTML的style属性来实现。也就是说,style属性的值就是我们要编写的CSS代码部分。通过style属性,我们可以将CSS样式代码应用到指定的标签上。看下面的代码,我们给p标签设置了style样式,style属性的值color:aquamarine;就是CSS代码 效果如下 从上
0 0
支持动图、一键生成,基于 React 的开源像素绘画应用 —— Pixel Art to CSS
支持动图、一键生成,基于 React 的开源像素绘画应用 —— Pixel Art to CSS
0 0
CSS选择器优先级的学习与应用
选择器优先级是CSS初学者必须掌握的要点,掌握了优先级就能轻松得掌控全局的样式变化,下面我将从概念,基础优先级,优先级计算三个方面来带读者轻松掌握CSS选择器优先级
0 0
jQuery——jQuery的CSS,class,属性操作及案例应用
jQuery——jQuery的CSS,class,属性操作及案例应用
0 0
CSS3——CSS3动画(animation)及应用
CSS3——CSS3动画(animation)及应用
0 0
CSS——CSS滑动门及其应用(制作微信导航栏) ※
CSS——CSS滑动门及其应用(制作微信导航栏) ※
0 0
CSS——CSS 背景应用
CSS——CSS 背景应用
0 0
好客租房162-css modules在项目中的应用
好客租房162-css modules在项目中的应用
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载