Asp.net 2.0中Themes的使用简单介绍

来源:互联网 发布:手机屏幕录像专家软件 编辑:程序博客网 时间:2024/05/01 05:34
2.0中的Themes的加入,极大的方便了皮肤样式的更换~
下面简单介绍下皮肤的使用:

添加新项--》外观文件--》名字(建议一个控键建立一个皮肤文件)

比如:TextBox.skin

内容:
  1. <asp:TextBox runat="server" CssClass="TextBoxStyle" />

  StyleSheet.css文件:

  1. /*
  2. TextBoxStyle
  3. */
  4. .TextBoxStyle
  5. {
  6.      border1px solid #808080
  7.      font-family: Geneva, ArialHelveticasans-serif
  8.      font-size12px;
  9.      color:#333333;
  10.  }  
页面中只需要在Page指令中加入Theme属性指向定义的皮肤文件:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" Debug="true" Theme="DataWebControls" %>

并在head标签中引入
<link type="text/css" href="StyleSheet.css" rel="stylesheet" />

页面中的所有TextBox控件就会有我们上面定义的样式~并不需要其他定义~

更神气的是:控件中的所有属性都可以在皮肤文件中定义,从而给我们开发带来了很大的便捷

如:

  1. <asp:Gridview runat="server" CssClass="DataWebControlStyle" AllowPaging="true" PageSize="10" >
  2.    <AlternatingRowStyle CssClass="AlternatingRowStyle" />
  3.    <RowStyle CssClass="RowStyle" />
  4.    <HeaderStyle CssClass="HeaderStyle" />  
  5.    
  6.    <SelectedRowStyle CssClass="SelectedRowStyle" />
  7.     
  8.     <FooterStyle CssClass="FooterStyle"/>
  9.     
  10.     <PagerStyle CssClass="PagerRowStyle" />
  11.    <PagerSettings Mode="NumericFirstLast" PageButtonCount="5" />
  12.    
  13. </asp:Gridview>
上面设置了页面中所有GridView的分页属性和 页中显示的数据条数

很简单 很方便~


      
原创粉丝点击