标题: ASP.NET为页面某个控件单独设置外观
作者: dnawo
日期: 2009-01-07 01:02 AM
分类: Web编程
内容: 有时我们给一个ASP.NET页面指定使用了一个主题后，又想单独为某个控件设置外观(不使用默认外观)，这时可采用的方法有两种：一是使用命名的控件外观，二是在@Page指令中使用StylesheetTheme属性来代替常用的Theme。下边使用具体实例说明下两种方法的使用：
1.使用命名的控件外观
App_Themes\Default\Default.skin：
复制内容到剪贴板 程序代码<%-- 默认的控件外观：未定义SkinId的TextBox控件都使用此外观。 --%>
<asp:TextBox runat="server" BorderWidth="1px" ForeColor="Black"></asp:TextBox>
<%-- 命名的控件外观：定义SkinId的TextBox控件将使用对应的外观。 --%>
<asp:TextBox runat="server" BorderWidth="1px" BorderColor="Blue" ForeColor="Blue" SkinId="Blue"></asp:TextBox>
<asp:TextBox runat="server" BorderWidth="1px" BorderColor="Red" ForeColor="Red" SkinId="Red"></asp:TextBox>
Default.aspx：
复制内容到剪贴板 程序代码<%@ Page Language="C#" AutoEventWireup="true" Theme="Default" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>主题和皮肤应用示例-Mzwu.Com</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server" SkinId="Blue"></asp:TextBox><br />
<asp:TextBox ID="TextBox3" runat="server" SkinId="Red"></asp:TextBox>
</div>
</form>
</body>
</html>
2.@Page指令中使用StylesheetTheme属性来指定使用的主题
App_Themes\Default\Default.skin：
复制内容到剪贴板 程序代码<%-- 默认的控件外观：未定义SkinId的TextBox控件都使用此外观。 --%>
<asp:TextBox runat="server" BorderWidth="1px" BorderColor="Black" ForeColor="Black"></asp:TextBox>
Default.aspx：
复制内容到剪贴板 程序代码<%@ Page Language="C#" AutoEventWireup="true" StylesheetTheme="Default" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>主题和皮肤应用示例-Mzwu.Com</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" BorderWidth="1px" BorderColor="Black" ForeColor="Black"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server" BorderWidth="1px" BorderColor="Blue" ForeColor="Blue"></asp:TextBox><br />
<asp:TextBox ID="TextBox3" runat="server" BorderWidth="1px" BorderColor="Red" ForeColor="Red"></asp:TextBox>
</div>
</form>
</body>
</html>
说明：如果控件的同一种样式在外观文件和控件属性中都有定义的话， 使用Theme时则定义在外观文件中的样式发生作用，使用StylesheetTheme时则是定义在控件属性中的样式起作用！
+ 查看当前日志评论 (0)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.047 ms
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.047 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.047 ms