[ASP.NET AJAX]如何使用事件類別

2009-01-16

摘要:[ASP.NET AJAX]如停使用事件類別

ASP.NET AJAX Library 提供 Sys.EventHandlerList 類別來處理事件。
本來使用「ASP.NET AJAX Library 」實作一個學生類別(Demo.Student)，
其中包含學生姓名(this._name)與成績(this._score)和事件集合清單的欄位(this._events)。
事件處理常式可由學生類別實體的 addHandler 與 removeHandler 方法來管理(加入或移除)事件集合清單。

js檔
/// <reference name="MicrosoftAjax.js" /> // 註冊命名空間 Type.registerNamespace("Demo"); // ---------------------定義事件引數類別------------------------------------------------------------ Demo.ValueChangedEventArgs = function(key, value) { Demo.ValueChangedEventArgs.initializeBase(this); this._key = key; this._value = value; } Demo.ValueChangedEventArgs.prototype = { get_Key: function() { return this._key; }, get_Value: function() { return this._value; } } // 註冊類別，繼承 Sys.CancelEventArgs 類別，提供可以取消之事件的基底類別。 Demo.ValueChangedEventArgs.registerClass("Demo.ValueChangedEventArgs", Sys.CancelEventArgs); // --------------------------------------------------------------------------------------------------- // ---------------------定義學生類別------------------------------------------------------------------ Demo.Student = function() { this._name = ""; this._score = 0; this._events = new Sys.EventHandlerList(); } Demo.Student.prototype = { addHandler: function(handler) { this._events.addHandler("ValueChanged", handler); }, removeHandler: function(handler) { this._events.removeHandler("ValueChanged", handler); }, //事件，使用 getHandler 取出事件處理常式參考。 onValueChanged: function(args) { var h = this._events.getHandler("ValueChanged"); if (h) h(this, args); }, set_Name: function(name) { var args = new Demo.ValueChangedEventArgs("name", name); this.onValueChanged(args); // 觸發事件 if (!args.get_cancel()) this._name = name; }, set_Score: function(score) { var args = new Demo.ValueChangedEventArgs("score", score); this.onValueChanged(args); // 觸發事件 if (!args.get_cancel()) this._score = score; }, get_Name: function() { return this._name; }, get_Score: function() { return this._score; }, toString: function() { return "Student Name: " + this._name + " ,Score: " + this._score; } } Demo.Student.registerClass("Demo.Student"); // --------------------------------------------------------------------------------------------------- // 通知用戶端 Script 載入完成 if (typeof (Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();

web 畫面

web js
<script src="jquery-1.2.6.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#Button1").click(function() { if ($("#Text1").val() == "") { alert("輸入姓名"); return false; } if ($("#Text2").val() == "") { alert("輸入成績"); return false; } var stu = new Demo.Student(); if ($("#Checkbox1").attr("checked")) { stu.addHandler(checkName); } else { stu.removeHandler(checkName); } if ($("#Checkbox2").attr("checked")) { stu.addHandler(checkScore); } else { stu.removeHandler(checkScore); } stu.set_Name($("#Text1").val()); stu.set_Score($("#Text2").val()); $("#msg").text(stu.toString()); }); }); // 自訂事件處理常式 function checkName(sender, args) { if (args.get_Key() == "name") { if (!args.get_Value().match(/[^a-z]/gi)) { args.set_cancel(false); } else { args.set_cancel(true) alert("請輸入英文"); } } } // 自訂事件處理常式 function checkScore(sender, args) { if (args.get_Key() == "score") { if (args.get_Value() >= 0 && args.get_Value() <= 100) { args.set_cancel(false); } else { args.set_cancel(true) alert("成績必需介於0~100之間"); } } } </script>

回首頁