使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出_实用技巧

【原文地址】 Tip/Trick: Use the ASP.NET 2.0 CSS Control Adapters for CSS friendly HTML output 
【原文发表日期】 Wednesday, November 29, 2006 11:01 PM 

厌烦了内置的ASP.NET服务器端控件生成 HTML <table> 元素,而希望你能使用纯粹的CSS方案?如果是这样,读下去。。。 

上个星期,我们发布了ASP.NET 2.0 CSS 控件适配器的1.0正式版。这些适配器利用了ASP.NET 2.0 中的一个我们称之为“控件适配架构”的新扩展性特性,允许开发人员覆盖(override),修改(modify),或细调(tweak )现有服务器控件的显示输出逻辑,而不必改动控件的属性,支持的事件或编程模型等。 

上个星期我们发布的ASP.NET 2.0 CSS 控件适配器提供了11个最常用的 ASP.NET 控件的预制控件适配器,这些控件包括GridView, DetailsView,FormsView, DataList,  Menu, TreeView, Login, LoginStatus,CreateUserWizard,ChangePassword 和 PasswordRecovery。CSS 控件适配器将使这些ASP.NET 控件发出CSS友好(friendly)的HTML输出,除去了象行内 style和 <table> 元素这样的东西,在你的网站上使用CSS时这可是极其有用的。

点击下面任何一个连接看一下它们是如何改变这些内置ASP.NET控件生成的标识之前和之后的例子: 

Menu 
TreeView 
DetailsView 
FormView 
GridView 
DataList 
Login 
ChangePassword 
PasswordRecovery 
CreateUserWizard 
LoginStatus
CSS 控件适配器工具包同时包括了所有上述控件适配器的VB和C#源代码。你可以不作任何修改而按原样使用这些源代码来得到纯粹的CSS输出。或者假如你要进一步细调输出的话,你可以进去修改这些适配器来生成你想要的任何自定义标识。

 

2个月前我曾贴过一篇很好的教程,演示了你怎么使用CSS 控件适配器,我强烈建议你阅读一下,学一下如何起步。 

Scott Mitchell 今天早些时候在 www.4guysfromrolla.com 上也贴了一篇非常好的关于CSS 控件适配器的文章,对如何使用它们做了讨论。 

你可以在 http://www.asp.net  的 CSS Control Adapters论坛 上对如何使用它们提问和得到帮助。 

希望本文对你有所帮助, 

Scott

时间: 2024-09-17 01:24:51

使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出_实用技巧的相关文章

灵活掌握asp.net中gridview控件的多种使用方法(下)_实用技巧

继续上篇文章的学习<灵活掌握asp.net中gridview控件的多种使用方法(上)>,在此基础上巩固gridview控件的操作使用,更上一层楼. 11.GridView实现用"..."代替超长字符串:效果图:   解决方法:数据绑定后过滤每一行即可 for (int i = 0; i <= GridView1.Rows.Count - 1; i++) { DataRowView mydrv; string gIntro; if (GridView1.PageInde

ASP.NET让FileUpload控件支持浏览自动上传功能的解决方法_实用技巧

ASP.NET的FileUpload控件默认是不支持服务端的onchange事件的,此时可以用一种变通的方法来实现这一功能. 这就需要借用客户端的onchange事件,调用__doPostBack方法来用LinkButton的OnClick事件模拟一个事件触发的过程,具体代码如下: 客户端: <asp:FileUpload ID="fuPhoto" onchange="javascript:__doPostBack('lbUploadPhoto','')" r

灵活掌握asp.net中gridview控件的多种使用方法(上)_实用技巧

灵活使用asp.net中gridview控件的方法有很多种,本文内容很富,希望大家都能有所收获. 1.GridView无代码分页排序: 效果图: 小提示: 1.AllowSorting设为True,aspx代码中是AllowSorting="True": 2.默认1页10条,如果要修改每页条数,修改PageSize即可,在aspx代码中是PageSize="12". 3.默认的是单向排序的,右击GridView弹出"属性",选择AllowSort

asp.net html控件的File控件实现多文件上传实例分享_实用技巧

asp.net多文件上传使用html控件的File控件,在form中就需要加入[ enctype="multipart/form-data"]. up3.aspx文件代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="up3.aspx.cs" Inherits="up3" %> <!DOCTYPE ht

asp.net TextBox控件设置ReadOnly后,不能回传。_实用技巧

很奇怪,以前都没有过这样的怪问题,在别人机器上都能正常,想到可能和ASP.NET的版本有关系. 我用的是 ASP.NET 2.0,当改成 ASP.NET 1.0,就正常了,TextBox控件ReadOnly=True,能回传. 在 ASP.NET 1.0 中是ReadOnly=True会回传的. 在 ASP.NET 2.0 中是ReadOnly=True就不会回传了. 解决的方法: <asp:textbox id="Username" runat="server&quo

asp.net获得数据控件事件索引并获取其中值总结_实用技巧

复制代码 代码如下: 1.RowCommad //获得索引 int index = ((GridViewRow)(((Button)(e.CommandSource)).Parent.Parent)).RowIndex; 2.RowEditing等 //获得索引 int index = e.NewEditIndex; //获取当前GridViewRow对象 GridViewRow editGridViewRow = autoGridView.Rows[girdviewEditIndex]; //

ASP.NET在线文本编辑控件的使用(第6节)_实用技巧

首先了解在线文本编辑环境FCKeditor的使用方法,然后使用FCKeditor实现设计一个发表日志文章的页面. 学习内容 1.将FCKeditorV2.dll文件添加到工具箱.       右击工具箱中的任一控件组,在弹出的快捷菜单中选择"选择项",弹出"选择工具箱项"对话框,选择".NET Framework组件"选项卡,单击"浏览"按钮,在弹出的对话框中选择添加Bin文件夹下的FCKeditorV2.dll文件,添加控件

ASP.NET 页面中动态增加的控件、添加事件第1/2页_实用技巧

要求:页面上有一个Add按钮,每点击一次该按钮,页面上动态创建一个WebPartZone! 提醒:WebPartZone只能在OnInit或之前才能创建,否则报异常! 大家都知道,按钮的点击事件是在RaisePostbackEvent时触发的,这意味着点击事件在OnLoad阶段之后才执行,远远落后于 OnInit阶段,而且ViewState在OnLoad时才准备好,OnInit以及之前的阶段根本就不能使用ViewState!如果试图在按钮点击事件里面创建WebPartZone等控件,唯一的后果就

ASP.Net PlaceHolder、Panel等控件未实现INamingContainer,导致FindControl无效_实用技巧

代码如下: 复制代码 代码如下: Panel spnButtons = new Panel(); Button btn = new Button(); btn.ID = "btn1"; spnButtons.Controls.Add(btn); // 输出True,表示没有找到控件 Response.Write(spnButtons.FindControl(btn.ID) == null); 而如果是下面的代码就可以了: 复制代码 代码如下: Panel spnButtons = ne