JavaScript與ASP.NET控件整合
盡管ASP.NET提供了一個(gè)強(qiáng)壯的平臺,但是開發(fā)者也不應(yīng)忽視諸如JavaScript這樣成熟的技術(shù)。在這篇文章中,Tony Patton將向您解釋在Web開發(fā)中如何將JavaScript與ASP.NET控件進(jìn)行整合。
盡管Web開發(fā)平臺提供了靈活性和眾多功能,您經(jīng)常希望或需要依賴現(xiàn)有的技術(shù)來完成一項(xiàng)必須的任務(wù),一個(gè)好的例子就是ASP.NET,它提供了一個(gè)強(qiáng)大的開發(fā)平臺,但是同時(shí)也不應(yīng)忽略像JavaScript這樣成熟的技術(shù),在這篇文章中,我將向您講解如何將JavaScript代碼聯(lián)結(jié)到ASP.NET控件中。
常規(guī)方式
通常情況下,當(dāng)一個(gè)Web應(yīng)用軟件需要一個(gè)彈出窗口或確認(rèn)窗口或其它的客戶端功能時(shí),您可以創(chuàng)建必需的JavaScript方法,并在需要時(shí)調(diào)用它們。例如,在列表A中包含了一個(gè)確認(rèn)窗口,用戶可以用它來繼續(xù)或取消表單的提交。
在選擇了提交(submit)按鈕之后,JavaScript的confirmSubmit方法就被調(diào)用了,這一確認(rèn)提示允許用戶繼續(xù)進(jìn)行表單提交(選擇確認(rèn))或取消(選擇取消)。
以上代碼可以按照計(jì)劃工作,但是在一個(gè)開發(fā)平臺上工作的時(shí)候就沒有這么簡單了,比如ASP.NET。
ASP.NET的替換選項(xiàng)
ASP.NET支持使用諸如輸入按鈕和文本框等HTML元素,但是在ASP.NET自己的開發(fā)模型上有一套完成的控件元素可以提供額外的功能。
將JavaScript附加到ASP.NET上并不像直接的HTML/JavaScript方式那么簡單,ASP.NET編程模式在基本頁面類中提供了方法來附加腳本程序塊到頁面元素當(dāng)中。以下的方法可以用于附加或整合JavaScript到頁面或頁面元素中:
RegisterClientScriptBlock:允許您的頁面含有腳本程序塊,客戶端腳本在頁面對象form runat= server>元素的起始標(biāo)簽之后開始運(yùn)行,腳本程序塊是作為對象來提交輸出的,所以您必需加上兩個(gè)script>元素標(biāo)簽。
RegisterOnSubmitStatement:允許您指派一個(gè)腳本程序塊/方法到頁面對象OnSubmit事件上。
RegisterStartupScript:允許您在頁面中包含腳本程序塊,與RegisterClientScriptBlock方法類似,這一方法在頁面對象form runat= server>元素的結(jié)束標(biāo)簽之前開始運(yùn)行,腳本程序塊是作為對象來提交輸出的,所以您必需加上兩個(gè)script>元素標(biāo)簽。
每個(gè)方法都可以接受兩個(gè)參數(shù):鍵和腳本,鍵是分配給腳本程序塊的名稱,鍵值應(yīng)當(dāng)是***的,通過這一***的鍵值,多個(gè)服務(wù)器控制的實(shí)例可以請求腳本程序塊,而不必讓腳本再次運(yùn)行輸出流;第二個(gè)參數(shù)腳本包含了發(fā)送到客戶的實(shí)際腳本,它可以是完整的JavaScript代碼或一個(gè)方法的名稱。
這些方法可以使用在實(shí)際的ASP.NET頁面代碼中,無論是VB.NET、C#、J#或任何其它的語言,列表B展示了用C#編寫的ASP.NET示例代碼。
JavaScript方法是通過一個(gè)字符串變量來構(gòu)建的,它的值傳遞給RegisterClientScriptBlock方法作為第二個(gè)參數(shù),實(shí)際的方法名稱是通過該對象的Attributes 屬性的Add方法來分配給ASP.NET的按鈕控件的,JavaScript事件是作為***個(gè)參數(shù)傳遞的,而方法名稱則是第二個(gè)參數(shù)。
而且,你可能會注意到IsStartupScriptRegistered方法的使用,該方法允許您在繼續(xù)使用前確認(rèn)該腳本是否已經(jīng)被注冊了,有兩個(gè)方法可以用于這個(gè)問題:
IsStartupScriptRegistered:確認(rèn)客戶端的起始腳本是否已經(jīng)在頁面對象上注冊,其單一參數(shù)是腳本的名稱。
IsClientScriptBlockRegistered:確認(rèn)客戶端的腳本程序塊是否已經(jīng)在頁面對象上注冊,其***的參數(shù)是腳本的名稱。
另一個(gè)解決問題的方法就是使用頁面類的RegisterOnSubmitStatement方法,列表C重復(fù)了列表B的功能,但是不同之處在于將confirmSubmit方法連接到頁面的提交事件上而不是按鈕的點(diǎn)擊事件上。
這個(gè)簡單的例子清晰地說明了如何將JavaScript腳本程序塊和JavaScript腳本包含到ASP.NET頁面的控件上,如果您使用ASP.NET控件,這種方法可以幫助您將腳本聯(lián)系到這些控件上,但是也可以使用注冊(register)方法來集中一個(gè)項(xiàng)目的JavaScript。您可以創(chuàng)建一個(gè)包含了腳本的類文件并在需要時(shí)在頁面中使用它們,這樣就只需在一個(gè)位置對這些腳本進(jìn)行管理,在一個(gè)應(yīng)用軟件中的一個(gè)或多個(gè)頁面上使用這些腳本就會變得更容易。
集新舊于一身
無論在哪種開發(fā)平臺,您都不太可能放棄使用JavaScript作為客戶端腳本語言,JavaScript都是開發(fā)客戶端功能的標(biāo)準(zhǔn),盡管ASP.NET控件提供了大量的功能,很多時(shí)候您還需要將JavaScript與這些控件進(jìn)行“聯(lián)姻”,幸好ASP.NET頁面類包含了眾多的方法來將腳本程序塊和方法集成到頁面及其控件上。
【編輯推薦】

















