ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList
来源:互联网 发布:佩拉维恩数据 编辑:程序博客网 时间:2024/05/16 07:50
[源码下载]
作者:webabcd
介绍
控件适配器(Control Adapters)可以让你改变通过ASP.NET控件生成的HTML标记。http://www.asp.net/cssadapters/有详细的介绍和示例,但是没有用ul、li呈现CheckBoxList和RadioButtonList的例子(可能是因为太简单了,不屑去写),那就让我们来实现它吧,顺便熟悉一下如何开发控件适配器。
示例
App_Code/ControlAdaptersSample.cs
App_Browsers/ControlAdaptersSample.browser
都有什么browsers可用呢?可以在如下的路径中找到
ControlAdaptersSample.aspx
运行结果
CheckBoxList和RadioButtonList将以ul、li呈现
OK
[源码下载]
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
{
protected 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();
}
}
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
{
protected 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>
<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>
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
[源码下载]
- ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList
- 技巧和诀窍:使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- 技巧和诀窍:使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- 技巧和诀窍:使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- 使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- 使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- asp.net中checkboxlist和radiobuttonlist
- Asp.net js获取CheckBoxlist 和 Radiobuttonlist
- CheckBoxList和RadioButtonList控件的绑定
- ASP.NET服务器端控件RadioButtonList,DropDownList,CheckBoxList的取值、赋值用法
- ASP.Net: 为 CheckBoxList 和 RadioButtonList 中的各 ListItem 项目编写客户端脚本
- css中的ul>li
- [我的ASP.net学习历程]CheckBoxList和RadioButtonList的数据梆定
- ul和li应用
- 使用复杂绑定完成 CheckBoxList 和 RadioButtonList 控件的绑定
- 使用复杂绑定完成 CheckBoxList 和 RadioButtonList 控件的绑定
- CSS的ul和li(10222013)
- css中的ul li ul li ul li ul li 实现四级菜单
- [翻译]ASP.NET 3.5中的ListView控件和DataPager控件
- JDK5.0新特性------泛型
- c++继续学习
- 一些好的网站
- 扩展GridView控件(0) - 基本架构、增加事件和要点汇总
- ASP.NET 2.0中的友好CSS控件适配器的应用 - 用ul、li呈现CheckBoxList和RadioButtonList
- schedule
- [翻译]ASP.NET 2.0中的健康监测系统(Health Monitoring)(3) - 触发自定义事件
- 新瓶旧酒ASP.NET AJAX(10) - 客户端脚本编程(Sys.Services命名空间下的类)
- [翻译]在Visual Studio 2005中调试SQL Server 2005的存储过程
- 新瓶旧酒ASP.NET AJAX(9) - 客户端脚本编程(Sys.Net命名空间下的WebServiceProxy、WebServiceError、Generated Proxy Classes以及调用WebService、PageMethod)
- [翻译]在SQL Server中使用CLR调用.NET方法
- 新瓶旧酒ASP.NET AJAX(8) - 客户端脚本编程(Sys.Net命名空间下的WebRequestManager、WebRequest、WebRequestExecutor和XMLHttpExecutor)
- [翻译]使用C#创建SQL Server的存储过程(Visual Studio 2005 + SQL Server 2005)