熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

在ASP.NET 2.0中使用樣式、主題和皮膚[3]

2022-06-13   來源: .NET編程 

  SystemWebUIWebControls名字空間包含了Style基類它封裝了公用的樣式屬性(其它的樣式類例如TableStyle和TableItemStyle都繼承自這個基類)為了指定控件的各個顯示元素大多數Web服務器控件都暴露了這個類型屬性例如WebCalendar暴露和很多樣式屬性DayStyleWeekendDayStyleTodayDayStyleSelectedDayStyleOtherMonthDayStyle和NextPrevStyle你可以使用子屬性語法PropertyNameSubPropertyName來設置這些樣式的屬性如下面的例子所示

<ASP:Calendar runat=server
……
DayStyleWidth=px
DayStyleHeight=px

TodayDayStyleBorderWidth=
WeekEndDayStyleBackColor=palegoldenrod
WeekEndDayStyleWidth=px
WeekEndDayStyleHeight=px
SelectedDayStyleBorderColor=firebrick
SelectedDayStyleBorderWidth=
OtherMonthDayStyleWidth=px
OtherMonthDayStyleHeight=px
/>
  下面的語法有稍微的不同它允許你把Style屬性聲明為Web服務器控件標記內嵌套的子元素

<ASP:Calendar runat=server
<TitleStyle BorderColor=darkolivegreen BorderWidth= BackColor=olivedrab Height=px />
</ASP:Calendar>
  下面的例子顯示了一種替代語法但是它的功能與前面的語法是一樣的

<ASP:Calendar id=MyCalendar runat=server
……

<TitleStyle BorderColor=darkolivegreen BorderWidth= BackColor=olivedrab Height=px />
<DayHeaderStyle BorderColor=darkolivegreen BorderWidth= BackColor=olivedrab ForeColor=black Height=px />
<WeekEndDayStyle BackColor=palegoldenrod Width=px Height=px />
<DayStyle Width=px Height=px />
<TodayDayStyle BorderWidth= />
<SelectedDayStyle BorderColor=firebrick BorderWidth= />
<OtherMonthDayStyle Width=px Height=px />
</ASP:Calendar>
  使用HTML服務器控件的時候你可以使用CSS類定義給Web服務器控件應用樣式WebControl基類暴露了一個叫做CssClass的字符串屬性用於設置樣式類

<style>
calstyle { fontsize:pt; fontfamily:TahomaArial; }
</style>

<ASP:Calendar CssClass=calstyle runat=server
……
/>
  如果某個服務器控件上設置的屬性沒有與該控件的強類型屬性相對應那個該屬性和值就被填充到控件的Attributes集合中在默認情況下服務器控件會把這些屬性不作更改地呈現在HTML中並返回給作出請求的浏覽器客戶端這意味著我們可以直接設置Web服務器控件的樣式和類屬性而不必使用強類型的屬性盡管它要求我們理解控件的實際顯示過程但是它也是應用樣式的一個靈活的途徑對於標准的輸入控件這樣的操作用處很大如下面的例子所示

<ASP:TextBox runat=server class=beige style=fontweight:;/>
<ASP:TextBox TextMode=Password runat=server class=beige/>
<ASP:DropDownList class=beige runat=server
<ASP:ListItem>Default Desktop</ASP:ListItem>
<ASP:ListItem>My Stock Portfolio</ASP:ListItem>
<ASP:ListItem>My Contact List</ASP:ListItem>
</ASP:DropDownList>
<ASP:Button Text=Submit runat=server class=beige/>

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


From:http://tw.wingwit.com/Article/program/net/201311/15073.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.