asp.net

位置:IT落伍者 >> asp.net >> 浏览文章

在ASP.NET 2.0中使用样式、主题和皮肤[4]


发布日期:2020年02月19日
 
在ASP.NET 2.0中使用样式、主题和皮肤[4]
我们也可以使用WebControl基类的ApplyStyle方法来编程设置Web服务器控件的样式如下面的代码所示

<script language=VB runat=server

Sub Page_Load(Src As Object E As EventArgs)

Dim MyStyle As New Style

MyStyleBorderColor = ColorBlack

MyStyleBorderStyle = BorderStyleDashed

MyStyleBorderWidth = New Unit()

MyLoginApplyStyle (MyStyle)

MyPasswordApplyStyle (MyStyle)

MySubmitApplyStyle (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>

利用主题来定制站点

前面的部分演示了几种通过设置控件自身的样式属性来指定控件样式的方法例如我们看看如下的页面(代码)在这个页面上的各个控件上都应用了很多样式设置

<asp:Label ID=Label runat=server Text=Hello FontBold=true ForeColor=orange /><br />

<asp:Calendar BackColor=White BorderColor=Black BorderStyle=Solid CellSpacing= FontNames=Verdana FontSize=pt ForeColor=Black Height=px ID=Calendar NextPrevFormat=ShortMonth runat=server Width=px

<SelectedDayStyle BackColor=# ForeColor=White />

<OtherMonthDayStyle ForeColor=# />

<TodayDayStyle BackColor=# ForeColor=White />

<DayStyle BackColor=#CCCCCC />

<NextPrevStyle FontBold=True FontSize=pt ForeColor=White />

<DayHeaderStyle FontBold=True FontSize=pt ForeColor=# Height=pt />

<TitleStyle BackColor=# BorderStyle=Solid FontBold=True FontSize=pt

ForeColor=White Height=pt />

</asp:Calendar>

作为在各个控件上指定样式的补充ASPNET 引入了主题的概念它提供了一种定义站点的控件和页面的样式设置的简单途径而且它与应用程序的页面是分离的主题的优势在于你在设计站点的时候不用考虑它的样式在将来应用样式的时候不必更新页面或应用程序代码你还可以从外部获取定制的主题然后应用到自己的应用程序上主题的优势是样式设置都存储在一个单独的位置它的维护与应用程序是分离的

下面的例子演示了一个带有主题的页面请注意这个页面本身没有包含任何样式信息主题在运行时自动地把样式属性应用到页面的控件上

<%@ Page Language=VB Theme=ExampleTheme %>

<asp:Label ID=Label runat=server Text=Hello /><br />

<asp:Calendar ID=Calendar runat=server/>

<asp:GridView ID=GridView AutoGenerateColumns=False DataSourceID=SqlDataSource DataKeyNames=au_id runat=server

……

</asp:GridView>

<asp:SqlDataSource ConnectionString=<%$ ConnectionStrings:Pubs %> ID=SqlDataSource runat=server SelectCommand=SELECT [au_id] [au_lname] [au_fname] [state] FROM [authors]

</asp:SqlDataSource>

[] [] [] [] [] [] [] [] []

               

上一篇:在ASP.NET 2.0中使用样式、主题和皮肤[5]

下一篇:在ASP.NET 2.0中使用样式、主题和皮肤[6]