通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 MY小屋
联系我们
设为首页
加入收藏

 

QQ,ASP,PHP,JSP,XML,SQL,.Net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | Q Q 专栏 | 建站经验 | 在线工具 | 站长Club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务
当前位置:首页>>编程开发>>NET专区>>正文 新版上线![旧版]
注:打开慢时请稍等

对控件应用样式

http://www.iyit.net  日期:2006-8-18 16:39:23  来源:  点击:
参加讨论】Web 是一个灵活的用户界面环境,不同 Web 站点的外观差别极大。Web 上的丰富设计是广泛采用级联样式表 (CSS) 的结果。ASP.NET 的所有 HTML 服务器控件和 Web 服务器控件都已被设计为提供一流的 CSS 样式支持。本节讨论如何将样式与服务器控件一起使用,并说明如何很好地控制服务器控件所提供的 Web 窗体外观。

对 HTML 控件应用样式

标准 HTML 标记通过样式属性支持 CSS,而样式属性可以设置为用分号分隔的属性/值对列表。有关 Internet Explorer 浏览器支持的 CSS 属性的更多信息,请参阅 MSDN Web Workshop 的 CSS Attributes Reference 页。所有的 ASP.NET HTML 服务器控件都可以采用与标准 HTML 标记完全一样的方式接受样式。下面的示例阐释若干应用于各种 HTML 服务器控件的样式。如果在返回到客户端的页上查看源代码,您会看到这些样式在控件的呈现中传递给了浏览器。

 
VB Style1.aspx

[运行示例] | [查看源代码]

CSS 还定义了一个类属性,该属性可设置为文档的 <style>...</style> 节中包含的 CSS 样式定义。该类属性使您可以轻松地一次性定义样式并将它们应用于若干标记,而不必重新定义样式本身。HTML 服务器控件上的样式也可以以这种方式设置,如下面的示例所示。

 
VB Style2.aspx

[运行示例] | [查看源代码]

在分析 ASP.NET 页时,样式信息被填充到 System.Web.UI.HtmlControls.HtmlControl 类上的 Style 属性(CssStyleCollection 类型)中。该属性本质上是一个词典,它将控件的样式公开为每个样式属性键值的字符串索引集合。例如,可以使用下面的代码在 HtmlInputText 服务器控件上设置并随后检索 width 样式属性。

<script language="VB" runat="server" >

    Sub Page_Load(Sender As Object, E As EventArgs)
        MyText.Style("width") = "90px"
        Response.Write(MyText.Style("width"))
    End Sub

</script>

<input type="text" id="MyText" runat="server"/>
C# VB JScript  

下一个示例显示可以如何使用此 Style 集合属性以编程方式操作 HTML 服务器控件的样式。

 
VB Style3.aspx

[运行示例] | [查看源代码]


对 Web 服务器控件应用样式

Web 服务器控件通过为常用的样式设置(如背景色和前景色、字体名称和大小、宽度、高度等等)添加若干强类型属性,提供了附加的样式支持级别。这些样式属性表示可在 HTML 中使用的样式行为的子集,它们被表示为直接在 System.Web.UI.WebControls.WebControl 基类上公开的“平面”属性。使用这些属性的优点是它们在开发工具(如 Microsoft Visual Studio .NET)中提供编译时类型检查和语句结束。

下面的示例显示一个应用了若干样式的 WebCalendar 控件(还包括一个未应用样式的日历以便对比)。注意,当设置的属性是类类型(如 Font)时,需要使用子属性语法 PropertyName-SubPropertyName

 
VB Style4.aspx

[运行示例] | [查看源代码]

System.Web.UI.WebControls 命名空间包括一个封装公共样式属性(其他样式类如 TableStyleTableItemStyle 从该公共基类继承)的 Style 基类。许多 Web 服务器控件公开该类型的属性,以指定控件的个别呈现元素的样式。例如,WebCalendar 公开许多这样的样式属性:DayStyleWeekendDayStyleTodayDayStyleSelectedDayStyleOtherMonthDayStyleNextPrevStyle。可以使用子属性语法 PropertyName-SubPropertyName 设置这类样式的个别属性,如下面的示例所示。

 
VB Style5.aspx

[运行示例] | [查看源代码]

稍微不同的语法允许将每个 Style 属性声明为嵌套在 Web 服务器控件标记中的子元素。

下面的示例显示另一种语法,但在功能上与前一个示例等效。

 
VB Style6.aspx

[运行示例] | [查看源代码]

与 HTML 服务器控件一样,也可使用 CSS 类定义对 Web 服务器控件应用样式。WebControl 基类公开一个名为 CssClassString 属性以设置样式类:

 
VB Style7.aspx

[运行示例] | [查看源代码]

如果在服务器控件上设置的属性与控件上的任何强类型属性都不对应,该属性和值将被填充到控件的 Attributes 集合中。默认情况下,服务器控件在返回给请求浏览器客户端的 HTML 中不修改地呈现这些属性。这意味着可以直接在 Web 服务器控件上设置样式和类属性,而不必使用强类型属性。虽然这需要对控件的实际呈现有一定的了解,但它可能同样是应用样式的灵活方法。这对标准窗体输入控件尤其有用,如下面的示例所示。

 
VB Style8.aspx

[运行示例] | [查看源代码]

也可使用 WebControl 基类的 ApplyStyle 方法以编程方式设置 Web 服务器控件样式,如下面的代码所示。

<script language="VB" runat="server">
    Sub Page_Load(Src As Object, E As EventArgs)
        Dim MyStyle As New Style
        MyStyle.BorderColor = Color.Black
        MyStyle.BorderStyle = BorderStyle.Dashed
        MyStyle.BorderWidth = New Unit(1)

        MyLogin.ApplyStyle (MyStyle)
        MyPassword.ApplyStyle (MyStyle)
        MySubmit.ApplyStyle (MyStyle)
    End Sub
</script>

Login: <ASP:TextBox id="MyLogin" runat="server" />/<p/>
Password: <ASP:TextBox id="MyPassword" TextMode="Password" runat="server" />
View:  <ASP:DropDownList id="MySelect" runat="server">  ...  </ASP:DropDownList>
C# VB JScript  

下面的示例说明上面的代码。

 
VB Style9.aspx

[运行示例] | [查看源代码]

本节小结

  1. ASP.NET 的 HTML 服务器控件和 Web 服务器控件家族提供一流的 CSS 样式支持。
  2. 通过设置控件的样式或类属性可以应用样式。通过控件的 Attributes 集合以编程方式可以访问这些设置。对于 HTML 服务器控件的情况,可以从控件的 Style 集合中检索样式属性键的各个值。
  3. 大多数常用的样式设置在 Web 服务器控件上以控件本身的强类型属性的形式公开。
  4. System.Web.UI.WebControls 命名空间包括一个封装公共样式属性的 Style 基类。许多 Web 服务器控件公开该类型的属性以控制各呈现元素。
  5. 在 Web 服务器控件上可以使用 WebControl 基类的 ApplyStyle 方法以编程方式设置样式。

编辑: [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:使用服务器控件
下一篇:没有了
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
对控件应用样式
使用服务器控件
Web 窗体介绍
在ASP.net中保存/取出图片入/从SQL数据
一个.net 压缩位图至JPEG的代码
对控件应用样式
使用服务器控件
Web 窗体介绍
微软曝Vista系统“恢复删除”技术机密
Linux关键程序员称工作太无趣 跳槽谷歌
雅虎邮件存致命漏洞 可被黑客完全控制
韩国好日子游玩网站
韩国女性生活保健类网站
韩国女性美容网站
韩国别墅销售网站
对控件应用样式
使用服务器控件
Web 窗体介绍
WIN XP蓝屏代码大全
MSN监听软件下载热 轻松监视局域网隐私
WinRAR将推出免费正版序列号!
让WinRAR汗颜的压缩软件UHARC
备份软件GHOST使用教程
[JAVA]十四种Java开发工具点评
初学java常用开发工具介绍
Win XP操作系统优化精髓
XP中重新安装或修复IE6的三种方法
轻易破解Winrar,Winzip密码
在ASP.net中保存/取出图片入/从SQL数据
一个.net 压缩位图至JPEG的代码
ASP.NET2.0数据库入门之常见错误
在ASP.NET中防止注入攻击
用ASP.NET开发Web服务的五则技巧
Win Powershell遭遇病毒 最好升级软件
SiteAdvisor 助你远离恶意网站
提升流量 站长应该做的五件事
XP中重新安装或修复IE6的三种方法
XP下Asp.net访问被拒绝
教你封杀FSO躲避FSO木马的侵扰
让WinRAR汗颜的压缩软件UHARC
巧用Ghost擦去硬盘
WinRAR将推出免费正版序列号!
25种方式给网站添加优质内容
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
Copyrights ? 2004-2006 iYiT.Net All Rights Reserved.
网站合作、广告联系QQ:147007642、466949678
易特网络技术 点击这里给我发消息