國家科技創(chuàng)新平臺規(guī)劃-Read課件

上傳人：l*** IP屬地：貴州上傳時間：2023-12-04 格式：PPT 頁數(shù)：63 大?。?68.11KB 積分：25 舉報 版權(quán)申訴

已閱讀5頁，還剩58頁未讀，繼續(xù)免費閱讀

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

ASP.NET程序設(shè)計教程

第5章HTML控件和Web服務(wù)器控件

上海交通大學(xué)出版社1內(nèi)容本章主要介紹了ASP.NET中幾種基本的HTML控件和Web服務(wù)器控件,詳細(xì)介紹了各控件的基本屬性及使用方法.25.1HTML控件

HTML控件由HTML標(biāo)記衍生而來，HTML控件在外形上與普通的HTML標(biāo)記很相似，幾乎所有的HTML標(biāo)記加上runat=“Server”這個Server控件的標(biāo)識屬性后，都可以變成HTML控件。它們之間最大的區(qū)別就是HTML可以通過服務(wù)器端的代碼來控制。

35.1.1HTML控件的優(yōu)點

HTML控件將HTML標(biāo)注對象化，可以讓程序直接控制并設(shè)定其屬性，這樣一來程序代碼和HTML控件分開，程序的架構(gòu)就不會顯的雜亂無章而不好管理。

45.1.1HTML控件的優(yōu)點

HTML控件對事件的支持，以事件觸發(fā)方式來編寫程序，使得網(wǎng)頁編程變得更加簡單。

55.1.2HTML控件架構(gòu)HTML控件的執(zhí)行過程：轉(zhuǎn)換成HTML標(biāo)注ASPX文件檢查標(biāo)注是否有runat=“server”字串流加載器公共類庫HTML控制項執(zhí)行是否65.1.2HTML控件架構(gòu)所有的Html控件位于System.Web.UI.HtmlControls命名空間中，是從HtmlControl基類中直接或間接派生出來的。

75.1.2HTML控件架構(gòu)85.1.3HTML控件常用屬性Style屬性Attributes屬性Visible屬性Disabled屬性InnerHtml屬性及InnerText屬性

Style屬性

ASP.NET為每個Html控件提供了一個Sty1e的屬性，Style屬性實際上是一個樣式表屬性集合，通過設(shè)置Style中的屬性，能通過程序代碼在程序執(zhí)行過程中改變Html控件的樣式。

Style屬性Style屬性可以設(shè)定的樣式：樣式名稱

說

明

設(shè)

定

值

Background-Color背景色RGB值或指定顏色

Color前景色RGB值或指定顏色

Font-Family字型標(biāo)楷體

Font-Size字體大小20pt

Font-Style斜體Italic(斜體)或Normal(一般)

Font-Weight粗體Bold(粗體)或Normal(一般)

Text-Decoration效果Underline(底線)、Strikethrough(穿越線)、Overline(頂線)或是None(無)

Text-Transform轉(zhuǎn)大小寫Uppercase(全轉(zhuǎn)大寫)、Lowercase(全轉(zhuǎn)小寫)、InitialCap(前綴大寫)或是None(無)

Style屬性例：通過程序來控制Anchor1控件的Style屬性：publicclassWebForm1:System.Web.UI.Page { privatevoidPage_Load(objectsender,System.EventArgse) {

//在此處放置用戶代碼以初始化頁面 //指定超級鏈接的屬性 Anchor1.Style["color"]="#008000"; Anchor1.Style["font-size"]="10pt"; Anchor1.Style["text-decoration"]="none"; Anchor1.Style["font-style"]="italic"; }

}12

Attributes屬性Attributes屬性實質(zhì)上是一個控件(包括Html控件、Web控件、用戶控件)的屬性集合?？丶膶傩灾蹬c屬性值可以通過Attributes任意指定，ASP.NET程序會將其原樣發(fā)送到瀏覽器解釋。

Attributes屬性Attributes屬性使用時有兩點需要注意：因為可以任意指定屬性，所以對于控件來說，有些指定的屬性是不合法的，那么這種屬性是無效的。指定屬性必須為控件對應(yīng)的HTML標(biāo)記所支持的屬性，否則瀏覽器也會將會不能達(dá)到。14

Attributes屬性例：使用Attributes屬性確定HtmlSelect控件的特性：

publicclassWebForm1:System.Web.UI.Page { privatevoidPage_Load(objectsender,System.EventArgse) {

Message.InnerHtml="<h4>選擇框的屬性集包括:</h4>"; IEnumeratorkeys=Select.Attributes.Keys.GetEnumerator();

while(keys.MoveNext()) { Stringkey=(String)keys.Current; Message.InnerHtml+=key+"="+Select.Attributes[key]+"<br>"; } }}15

Visible屬性

Visible屬性可以讓一個對象的視覺元素消失，換句話說就是將對象隱藏起來讓使用者看不到。

Visible屬性例：在Page_Load事件中將名為Anchor1的超級鏈接控件隱藏起來，待使用者按下Button1按鈕后再將其Visible屬性設(shè)為True：

privatevoidPage_Load(objectsender,System.EventArgse) {

//在此處放置用戶代碼以初始化頁面

Anchor1.Visible=false; } privatevoidButton1_Click(objectsender,System.EventArgse) { Anchor1.Visible=true; }17

Disabled屬性

Disabled屬性被稱為禁止功能。就是將一個對象的功能關(guān)閉，讓對象暫時無法執(zhí)行工作。如果將對象的Disabled屬性設(shè)為True時，該對象會顯示為灰色并且停止工作。只有將Disabled屬性設(shè)回False，該控件才可正常工作。18InnerHtml、InnerText屬性使用InnerHtml屬性以編程方式修改HTML服務(wù)器控件的開始和結(jié)束標(biāo)記中的內(nèi)容。使用InnerText屬性以編程方式修改HTML服務(wù)器控件的開始和結(jié)束標(biāo)記之間的內(nèi)容。19InnerHtml、InnerText屬性例：

兩個控件的屬性假設(shè)都為<b>試驗</b>，對于InnerHtml屬性而言會將其中的<b>標(biāo)注加以解譯，所以顯示出粗體的文字；而對于InnerText屬性而言不會將其中的<b>標(biāo)注加以解譯，所以會將<b>試驗</b>一五一十的顯示出來：

20InnerHtml、InnerText屬性

privatevoidPage_Load(objectsender,System.EventArgse) {

//在此處放置用戶代碼以初始化頁面

Sp1.InnerHtml="<b>測試</b>"; Sp2.InnerText="<b>測試</b>"; }

privatevoidButton1_Click(objectsender,System.EventArgse) { Sp1.InnerHtml="<b>測試</b>"; Sp2.InnerText="<b>測試</b>"; }21InnerHtml、InnerText屬性Button1按下后的效果圖：225.1.4基本的HTML控件HtmlTextArea控件

HtmlTable控件

HtmlImage控件

HtmlButton控件

HtmlSelect控件

HtmlForm控件

HtmlInput控件

HtmlTextArea控件HtmlTextArea控件可以在Web頁上創(chuàng)建多行文本框?？梢酝ㄟ^分別設(shè)置Rows和Cols屬性來控制多行文本框的高度和寬度?？梢酝ㄟ^設(shè)置Name屬性為該控件分配一個名稱。若要確定或指定文本框中的文本，可使用Value屬性。HtmlTextArea類提供一個ServerChange事件，可以在每次文本框的值在向服務(wù)器的各次發(fā)送過程之間更改時執(zhí)行自定義指令集。24

HtmlTextArea控件例：使用HtmlTextArea控件創(chuàng)建多行文本框：Html代碼：<body> <formrunat="server"ID="Form1"> <h3>HtmlTextArea示例</h3> 請輸入你的內(nèi)容:<br> <textareaid="TextArea1"runat="server"NAME="TextArea1"></textarea><br><inputtype="submit"value="提交"runat="server"ID="Submit1"NAME="Submit1"><spanid="Span1"runat="server"></span></form> </body>25

HtmlTextArea控件C#代碼：

privatevoidSubmit1_ServerClick(objectsender,System.EventArgse){ Span1.InnerHtml="您寫的內(nèi)容是:<br>"+TextArea1.Value;}26

HtmlTextArea控件運行結(jié)果圖：27

HtmlTable控件使用HtmlTable控件以編程方式控制服務(wù)器上的HTML<table>元素?？梢允褂眠@個控件在Web頁上創(chuàng)建表。通過設(shè)置BgColor、Border、BorderColor、Height和Width屬性可以動態(tài)更改<table>元素的外觀。還可以通過設(shè)置Align、CellPadding和CellSpacing屬性來控制單元格內(nèi)容的顯示方式。HtmlTable控件的行存儲在該控件的Rows屬性中。這樣可以以編程方式訪問表中的各行。28

HtmlTable控件基本屬性包括：Border：獲取或設(shè)置HtmlTable控件的邊框?qū)挾龋ㄒ韵袼貫閱挝唬?。Height：獲取或設(shè)置HtmlTable控件的高度。Rows：獲取HtmlTableRowCollection，它包含HtmlTable控件中的所有行。Width：獲取或設(shè)置HtmlTable控件的寬度。CellPadding：獲取或設(shè)置HtmlTable控件中單元格內(nèi)容和單元格邊框之間的空間量（以像素為單位）。CellSpacing：獲取或設(shè)置HtmlTable控件中相鄰單元格之間的空間量（以像素為單位）。29

HtmlImage控件

使用該控件可以在Web頁上顯示圖像，可以用編程方式操作HtmlImage控件來更改顯示的圖像、圖像大小及圖像相對于其他頁元素的對齊方式。

HtmlImage控件基本屬性包括：Src屬性：設(shè)定需要顯示的圖像文件。Align屬性：圖像在父容器中的顯示位置。Alt屬性：當(dāng)圖像沒有正確加載時，在圖像位置顯示的文字。Border屬性：設(shè)定圖像邊界寬度，當(dāng)其值為0時，表示沒有邊界。Height、Width出屬性：設(shè)定圖像的長、寬值。31

HtmlButton控件可以使用HtmlButton控件對HTML<button>元素進(jìn)行編程?？梢詾镠tmlButton控件的ServerClick事件提供自定義代碼，以指定在單擊該控件時執(zhí)行的操作。32

HtmlButton控件將樣式添加到HtmlButton控件：在Web窗體頁上聲明HtmlButton控件：

<buttonrunat="server"></button>在該控件的開始標(biāo)記中，包含樣式屬性并聲明希望該按鈕顯示的樣式。

style="font:8ptverdana;background-color: lightgreen;border-color:black;height=30;width:100"33

HtmlButton控件在HtmlButton控件中包含格式化的文本、圖像或其他Web窗體控件：在Web窗體頁上聲明HtmlButton控件。 <buttonrunat="server"></button>用控件的開始和結(jié)束標(biāo)記之間的格式化標(biāo)記聲明文本。 <b>ClickMe!</b>在控件的開始和結(jié)束標(biāo)記之間，包含希望顯示的圖像或控件的標(biāo)記。 <imgsrc=“/MyImage.gif”>34

HtmlSelect控件

使用HtmlSelect控件對HTML<select>元素進(jìn)行編程。默認(rèn)情況下，此控件呈現(xiàn)為下拉列表框。但是，如果允許多重選擇（通過指定Multiple屬性）或為Size屬性指定大于1的值，則該控件將顯示為列表框。35

HtmlSelect控件若要確定單選HtmlSelect控件中的選定項，首先使用SelectedItem屬性獲取選定項的索引。然后，可以使用此索引從Items集合中檢索選定項。若要確定允許同時進(jìn)行多重選擇的HtmlSelect控件中的選定項，則需要循環(huán)訪問Items集合并測試每項的Selected屬性。還可以將該控件綁定到數(shù)據(jù)源。設(shè)置DataSource屬性以指定要將其綁定到該控件的數(shù)據(jù)源。然后可以通過設(shè)置DataValueField和DataTextField屬性，分別指定將哪個字段綁定到Value和Text屬性。36

HtmlSelect控件常用屬性包括：Items：獲取一個集合，該集合包含在HtmlSelect控件中列出的項。SelectedIndex：獲取或設(shè)置HtmlSelect控件中的選定項的序號索引。Value：獲取HtmlSelect控件中選定項的值或?qū)⒃摽丶腟electedIndex屬性設(shè)置為具有指定值的列表中的第一個項的索引。Size：獲取或設(shè)置HtmlSelect控件的高度（以行為單位）。37

HtmlSelect控件常用屬性包括：DataMember：要從具有多個數(shù)據(jù)集的DataSource獲取或設(shè)置要綁定到HtmlSelect控件的數(shù)據(jù)集。DataSource：獲取或設(shè)置要綁定到HtmlSelect控件的信息源。DataTextField：獲取或設(shè)置DataSource中的字段，該字段將綁定到HtmlSelect控件中各項的ListItem.Text屬性。DataValueField：獲取或設(shè)置DataSource中的字段，該字段將綁定到HtmlSelect控件中各項的ListItem.Value屬性。38

HtmlForm控件HtmlForm(窗體)控件是設(shè)計動態(tài)網(wǎng)頁一個相當(dāng)重要的組件，它可以將Client端的數(shù)據(jù)傳送至Server端作處理。在窗體內(nèi)的確認(rèn)按鈕被按下去后，只要被Form控件所包起來的數(shù)據(jù)輸入控件都會被一并送到Server端，這時Server端收到這些數(shù)據(jù)及OnServerClick事件后會執(zhí)行指定的事件程序，并且將執(zhí)行結(jié)果重新下載到Client端瀏覽器。

HtmlForm控件常用屬性包括：Enctype：獲取或設(shè)置將窗體的數(shù)據(jù)發(fā)送到服務(wù)器時瀏覽器使用的編碼類型。Method：獲取或設(shè)置一個值，該值指示瀏覽器將窗體數(shù)據(jù)發(fā)送到服務(wù)器進(jìn)行處理的方式。默認(rèn)值是POST，而普通<form>的默認(rèn)請求方式是GET。如果Method屬性為Post(默認(rèn)值)則表示由Server端來抓取資料，如為Get則表示由瀏覽器主動上傳資料至Server端。40

HtmlInput控件HtmlInput控件會因為Type屬性的設(shè)定而產(chǎn)生不同種類的控件Inputtype

主要的屬性和事件

button事件onserverclick屬性value：鈕所顯示的文字submitresetcheckbox屬性checked：是否被選取屬性value：獲取或設(shè)置與HtmlInputControl相關(guān)聯(lián)的值text屬性value：輸入框內(nèi)的文字屬性maxlength：可輸入的最大字符數(shù)passwordradio屬性checked：是否被選取屬性value：獲取或設(shè)置與HtmlInputRadio相關(guān)聯(lián)的值hidden屬性value：獲取或設(shè)置與HtmlInputHidden相關(guān)聯(lián)的值41

HtmlInput控件HtmlInputButton控件

HtmlInputButton控件創(chuàng)建一個服務(wù)器端控件，該控件映射到<inputtype=button>、<inputtype=submit>和<inputtype=reset>HTML元素，并允許分別創(chuàng)建命令按鈕、提交按鈕或重置按鈕。用戶單擊HtmlInputButton控件時，來自嵌有該控件的窗體的輸入被發(fā)送到服務(wù)器并得到處理，然后，將響應(yīng)發(fā)送回請求瀏覽器。

HtmlInput控件HtmlInputCheckBox控件

HtmlInputCheckBox控件創(chuàng)建服務(wù)器端控件，該控件映射到<inputtype=checkbox>HTML元素并允許創(chuàng)建使用戶可以選擇true或false狀態(tài)的復(fù)選框控件，單擊HtmlInputCheckBox控件時，該控件不會向服務(wù)器回送。當(dāng)使用回送服務(wù)器的控件(如HtmlInputButton控件)時，復(fù)選框的狀態(tài)被發(fā)送到服務(wù)器進(jìn)行處理。

HtmlInput控件HtmlInputText控件

HtmlInputText控件創(chuàng)建一個服務(wù)器端控件，該控件映射到<inputtype=text>和<inputtype=password>HTML元素，并允許創(chuàng)建單行文本框以接收用戶輸入，與標(biāo)準(zhǔn)HTML一樣，這些控件可用于在HTML窗體中輸入用戶名和密碼。通過使用MaxLength、Size和Value屬性，可以分別控制可輸入的字符數(shù)、控件寬度和控件內(nèi)容。44

HtmlInput控件HtmlInputHidden控件

使用HtmlInputHidden控件對<inputtype=hidden>HTML元素進(jìn)行編程。盡管此控件是窗體的一部分，但它永遠(yuǎn)不在窗體上顯示。由于在HTML中不保持狀態(tài)，此控件通常與HtmlInputButton和HtmlInputText控件一起使用，以在對服務(wù)器的發(fā)送之間存儲信息。

HtmlInput控件HtmlInputRadioButton控件

使用HtmlInputRadioButton控件對HTML<inputtype=radio>元素進(jìn)行編程，通過將Name屬性設(shè)置為組中所有<inputtype=radio>元素所共有的值，可以將多個HtmlInputRadioButton控件組成一組。同組中的單選按鈕互相排斥；一次只能選擇該組中的一個單選按鈕。 HtmlRadioButton控件不會自動向服務(wù)器回送。必須依賴于使用某個按鈕控件來回送到服務(wù)器。可通過為ServerChange事件編寫處理程序來對HtmlRadioButton控件進(jìn)行編程。

465.2WEB服務(wù)器控件可以使用ASP.NET服務(wù)器控件來取代使用<%%>代碼塊編寫動態(tài)內(nèi)容，實現(xiàn)Web頁面編程。在.aspx文件中使用包含runat=”server”屬性值的自定義標(biāo)記來聲明服務(wù)器控件。Web控件中包括傳統(tǒng)的表單控件，如TextBox和Button，以及其他更高抽象級別的控件，如Calendar和DataGrid控件。

475.2WEB服務(wù)器控件它們提供了一些能夠簡化開發(fā)工作的特性，其中包括：豐富而一致的對象模型：WebControl基類實現(xiàn)了對所有控件通用的大量屬性，包括ForeColor、BackColor、Font、Enabled等，有助于減少編程錯誤。對瀏覽器的自動檢測：Web控件能夠自動檢測客戶機(jī)瀏覽器的功能，并相應(yīng)地調(diào)整它們所提交的HTML，從而充分發(fā)揮瀏覽器的功能。數(shù)據(jù)綁定：在Web窗體頁面中，可以對控件的任何屬性進(jìn)行數(shù)據(jù)綁定。485.2WEB服務(wù)器控件所有servercontrols共有的Properties名稱說明ClientIDASP.NET為control產(chǎn)生的ID。Controls傳回一個ControlCollection對象，用來指示某一control內(nèi)所包含的子controls(childcontrols)。

EnableViewState指示是否要維護(hù)此control的ViewState。

IDControl的ID。NamingContainer用來找出某一control包含在何種對象之內(nèi)。Page用來找出包含某一control的Page對象。

Parent用來找出包含某一control的parentcontrol。

Site描述此control有關(guān)site的信息。

TemplateSourceDirectory描述網(wǎng)頁的virtualdirectory

ToolTip當(dāng)鼠標(biāo)停留在該control時，所要顯示的文字

UniqueID除了須列出該control的ID外，尚須列出所有包含該control的objects名稱。

495.2WEB服務(wù)器控件所有servercontrols共有的Methods名稱說明DataBind將資料安排進(jìn)所指定的control，如DataGrid、DataList、Repeater等controls

Dispose在control被毀之前做清除的工作。

FindControl(string)在所為的containercontrol中找出ID為string所描述的control。HasControls用來指示此control是否有childcontrol。

RenderControl(writer)將control的內(nèi)容輸出到HtmlTextWriterobject中，HtmlTextWriterobject的類別用writer描述。

505.2WEB服務(wù)器控件所有servercontrols共有的Events名稱說明DataBinding此事件被觸發(fā)的時機(jī)為當(dāng)有資料放入此control時。

Dispose當(dāng)control從內(nèi)存中移除時觸發(fā)之。Init網(wǎng)頁第一次被加載時觸發(fā)之。

Load網(wǎng)頁每次被加載時觸發(fā)之。

PreRender每當(dāng)信息寫入客戶端之前。

Unload當(dāng)網(wǎng)頁結(jié)束執(zhí)行時觸發(fā)之。

515.2.1文本輸入控件 TextBoxWeb服務(wù)器控件為用戶提供了一種向Web窗體頁中鍵入信息（包括文本、數(shù)字和日期）的方法。525.2.1文本輸入控件常用基本屬性：Columns：獲取或設(shè)置文本框的顯示寬度（以字符為單位）。MaxLength：獲取或設(shè)置文本框中最多允許的字符數(shù)。ReadOnly：獲取或設(shè)置一個值，用于指示能否更改TextBox控件的內(nèi)容。TextMode：獲取或設(shè)置TextBox控件的行為模式（單行、多行或密碼）。535.2.2選擇控件復(fù)選控件單選控件54復(fù)選控件

CheckBox和CheckBoxList

Web服務(wù)器控件為用戶提供了一種在真/假、是/否或開/關(guān)選項之間切換的方法。

當(dāng)CheckBox控件的狀態(tài)在向服務(wù)器的各次發(fā)送過程間更改時，將引發(fā)為CheckedChanged事件提供的事件處理程序，以便當(dāng)CheckBox控件的狀態(tài)在向服務(wù)器的各次發(fā)送過程間更改時執(zhí)行特定的任務(wù)。55復(fù)選控件常用屬性包括：

人人文庫> 全部分類> 教育資料 > 課件下載

溫馨提示

1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

國家科技創(chuàng)新平臺規(guī)劃-Read課件

文檔簡介

溫馨提示

最新文檔

評論

國家科技創(chuàng)新平臺規(guī)劃-Read課件

文檔簡介

溫馨提示

最新文檔

評論

相關(guān)文檔