多數在表示層應用的服務器控件主要由兩個部分組成:服務器端功能和客戶端功能。服務器端功能永遠是服務器控件的核心,而隨著技術的發展,客戶端功能也逐漸變得越來越重要。只有兩個部分互相配合,才能創建出功能強大、界面豐富的服務器控件。本文將討論在服務器控件中實現客戶端功能的相關問題,具體內容包括客戶端功能概述、實現簡單客戶端功能、實現復雜客戶端功能,以及部署客戶端文件的實現方法等內容。
1. 客戶端功能簡介
在Web編程中,客戶端功能傳統上是由Web頁開發人員負責,並且不被封裝在服務器組件中。ASP.NET脫離了這一范疇並使服務器控件能夠發出客戶端腳本,從而使服務器控件能夠將客戶端處理與服務器端處理結合起來。實現客戶端功能對於提高服務器控件的交互性和可擴展性的意義重大。例如,常見的TreeView、TabStrip、ToolBar控件等,這些優秀的服務器控件具有很強的交互性和豐富的用戶界面,而這些特征的實現與客戶端功能是密不可分的。
實現客戶端功能的技術主要是客戶端腳本(JavaScript、VBScript等)和DHTML。因此,作為一名合格的開發人員必須具有熟練應用這些技術的能力。除此之外,還要掌握將客戶端功能與服務器控件密切結合的方法。這些內容包括:實現簡單客戶端功能、實現復雜客戶端功能、部署客戶端腳本文件的方法。
2. 實現簡單客戶端功能
如果自定義服務器控件的客戶端功能比較簡單,例如,僅僅是彈出窗口或者改變背景顏色等,那麼對於這種情況,通過不使用單獨的客戶端腳本文件封裝,而是直接在控件呈現中實現。其實現的關鍵是在控件的Attributes中添加適當的客戶端處理程序。以下實例說明從System.Web.UI.WebControls.Button類派生的控件MyClickButton,它為客戶端單擊事件提供事件處理程序。請看下面的代碼:
public class MyClickButton : Button{
//相關代碼
......
protected override void AddAttributesToRender(HtmlTextWriter writer) {
base.AddAttributesToRender(writer);
writer.AddAttribute("onclick", "window.confirm('謝謝您! ');");
}
}
如果讀者已經閱讀了前面有關控件呈現的文章,那麼很容易理解以上代碼。以上代碼重寫了AddAttributesToRender方法,它為MyClickButton控件定義了一個名為onclick的Attribute,其值指示在客戶端彈出一個包含自定義信息的確認窗口。如果讀者所開發的服務器控件的客戶端功能都比較簡單,那麼可以嘗試利用重寫AddAttributesToRender的方法予以實現。
下面是為使用MyClickControl控件而創建的ASPX頁面源代碼。
<%@ Page Language = "C#" %>
<%@ Register TagPrefix="Custom" Namespace="MyControls" Assembly = "MyControls" %>
<html>
<body>
<form runat=server>
請點擊下面的按鈕
<Custom:MyClickButton Id = "demo" runat=server/>
<br>
</form>
</body>
</html>
當用戶點擊MyClickControl控件時,立刻彈出一個包含提示信息的確認窗口。需要注意的是彈出確認窗口並不是由於頁面回傳,而是用戶激發客戶端處理程序的結果。當點擊"確定"按鈕之後,才會發生頁面回傳。