web表單程式設計模型.pptVIP

5-4-6 清單控制項-屬性1 BulletedList控制項相關屬性說明，如下表所示： 5-4-6 清單控制項-屬性2 ListItem控制項的相關屬性，如下表所示： 5-4-6 清單控制項-事件 BulletedList控制項的模式如果是LinkButton，我們可以使用OnClick屬性指定事件處理程序，如下所示： Sub bl3_Click(Sender As Object, _ BLE As BulletedListEventArgs) If BLE.Index = 0 Then label.Text = 按下LinkButton1 End If If BLE.Index = 1 Then label.Text = 按下LinkButton2 End If End Sub 5-5 設定伺服端控制項的樣式 5-5-1 在控制項套用CSS 5-5-2 伺服端的樣式屬性 5-5-1 在控制項套用CSS-CSS 首先定義CSS樣式名稱的Classes，如下所示： style .spanStyle { font: 12pt 細明體; font-weight:500; color:orange; } .buttonStyle { font: 18pt 標楷體; background-color:lightgreen; border-color:black; width:150 } .button1Style{ font: 14pt 新細明體; background-color:yellow; border-style:dashed; border-color:red; width:100; } /style 5-5-1 在控制項套用CSS-HTML控制項套用CSS 在HTML控制項可以使用Class屬性套用CSS樣式名稱，如下所示： span Class=spanStyle Runat=server 在HTML控制項套用CSS/spanbr button Id=button2 Class=buttonStyle Runat=server第二個按鈕/button span標籤使用Class屬性套用spanStyle樣式名稱，HtmlButton控制項是套用buttonStyle樣式名稱。 5-5-1 在控制項套用CSS-Web控制項套用CSS 在Web控制項是使用CSSClass屬性來套用CSS樣式名稱，如下所示： asp:Button Id=button3“ Text=第三個按鈕“ CSSClass=button1Style“ Runat=server/ Button控制項使用CSSClass屬性套用button1Style樣式名稱。 5-5-2 伺服端的樣式屬性-使用 例如：在Label控制項指定樣式屬性，如下所示： asp:Label Id=label1 Font-Size=11pt BackColor=#CC9999 Runat=server pASP.NET伺服端控制項提供輸出資料的控制項， 其HTML控制項，可以顯示圖片、表格和清單網頁元素。/p /asp:Label Label控制項指定Font-Size和BackColor屬性。 5-5-2 伺服端的樣式屬性-屬性1 5-5-2 伺服端的樣式屬性-屬性2 5-6 動態產生伺服端控制項-建立控制項物件 伺服端控制項本身是一種物件，所以我們可以使用程式碼建立控制項物件，如下所示： Dim label1 As New Label Dim label2 As New Label Dim button0 As New Button 程式碼建立名為label1和label2的Label控制項物件，和名為button0的Button控制項物件，使用New關鍵字，以控制項名稱的型態來建立控制項物件。 5-6 動態產生伺服端控制項-新增至Page物件 在建立好控制項物件之後，我們可以將它新增至Page物件，或是後面的PlaceHolder控制項。首先是新增至Page物件，如下所示： Page.Controls.Add(label1) 程式碼使用Add()方法將控制