Add Triggered Callbacks

2 files changed, 141 insertions, 6 deletions

diff --git a/framework/Web/Javascripts/js/ajax.js b/framework/Web/Javascripts/js/ajax.js
index 0836f094..95869ade 100644
--- a/framework/Web/Javascripts/js/ajax.js
+++ b/framework/Web/Javascripts/js/ajax.js
@@ -212,9 +212,9 @@ this.onInit(options);},doCallback:function(event,options)
 {var element=Event.findElement(event,'LI');this.index=element.autocompleteIndex;this.selectEntry();this.hide();Event.fireEvent(this.element,"change");},getUpdatedChoices:function()
 {options=new Array(this.getToken(),"__TAutoComplete_onSuggest__");Prado.Callback(this.options.EventTarget,options,null,this.options);},onComplete:function(request,boundary)
 {result=Prado.Element.extractContent(request.responseText,boundary);if(typeof(result)=="string"&&result.length>0)
-this.updateChoices(result);}});Prado.WebUI.TCallbackTimer=Base.extend({count:0,timeout:0,constructor:function(options)
+this.updateChoices(result);}});Prado.WebUI.TPeriodicCallback=Base.extend({count:0,timeout:0,constructor:function(options)
 {this.options=Object.extend({Interval:1,DecayRate:0},options||{})
-this.onComplete=this.options.onComplete;Prado.WebUI.TCallbackTimer.register(this);},startTimer:function()
+this.onComplete=this.options.onComplete;Prado.WebUI.TPeriodicCallback.register(this);},startTimer:function()
 {this.options.onComplete=this.onRequestComplete.bind(this);setTimeout(this.onTimerEvent.bind(this),200);},stopTimer:function()
 {(this.onComplete||Prototype.emptyFunction).apply(this,arguments);this.options.onComplete=undefined;clearTimeout(this.timer);this.timer=undefined;this.count=0;},onTimerEvent:function()
 {this.options.params=this.timeout/1000;request=new Prado.CallbackRequest(this.options.ID,this.options);request.dispatch();},onRequestComplete:function()
@@ -228,4 +228,25 @@ this.timers[id].startTimer();},stop:function(id)
 {if(this.timers[id])
 this.timers[id].stopTimer();}});Prado.WebUI.ActiveListControl=Base.extend({constructor:function(options)
 {this.element=$(options.ID);this.options=options;Event.observe(this.element,"change",this.doCallback.bind(this));},doCallback:function(event)
-{request=new Prado.CallbackRequest(this.options.EventTarget,this.options);request.dispatch();Event.stop(event);}});Prado.WebUI.TActiveDropDownList=Prado.WebUI.ActiveListControl;Prado.WebUI.TActiveListBox=Prado.WebUI.ActiveListControl;
\ No newline at end of file
+{request=new Prado.CallbackRequest(this.options.EventTarget,this.options);request.dispatch();Event.stop(event);}});Prado.WebUI.TActiveDropDownList=Prado.WebUI.ActiveListControl;Prado.WebUI.TActiveListBox=Prado.WebUI.ActiveListControl;Prado.WebUI.TEventTriggeredCallback=Base.extend({constructor:function(options)
+{this.options=options;element=$(options['ControlID']);if(element)
+Event.observe(element,this.getEventName(element),this.doCallback.bind(this));},getEventName:function(element)
+{name=this.options.EventName;if(typeof(name)=="undefined"&&element.type)
+{switch(element.type.toLowerCase())
+{case'password':case'text':case'textarea':case'select-one':case'select-multiple':return'change';}}
+return typeof(name)=="undefined"||name=="undefined"?'click':name;},doCallback:function(event)
+{request=new Prado.CallbackRequest(this.options.ID,this.options);request.dispatch();if(this.options.StopEvent==true)
+Event.stop(event);}});Prado.WebUI.TValueTriggeredCallback=Base.extend({count:1,observing:true,constructor:function(options)
+{this.options=options;this.options.PropertyName=this.options.PropertyName||'value';element=$(options['ControlID']);this.value=element?element[this.options.PropertyName]:undefined;Prado.WebUI.TValueTriggeredCallback.register(this);this.startObserving();},stopObserving:function()
+{clearTimeout(this.timer);this.observing=false;},startObserving:function()
+{this.timer=setTimeout(this.checkChanges.bind(this),this.options.Interval*1000);},checkChanges:function()
+{element=$(this.options.ControlID);if(element)
+{value=element[this.options.PropertyName];if(this.value!=value)
+{this.doCallback(this.value,value);this.value=value;this.count=1;}
+else
+this.count=this.count+this.options.Decay;if(this.observing)
+this.time=setTimeout(this.checkChanges.bind(this),parseInt(this.options.Interval*1000*this.count));}},doCallback:function(oldValue,newValue)
+{request=new Prado.CallbackRequest(this.options.ID,this.options);param={'OldValue':oldValue,'NewValue':newValue};request.setParameter(param);request.dispatch();}},{timers:{},register:function(timer)
+{this.timers[timer.options.ID]=timer;},stop:function(id)
+{if(this.timers[id])
+this.timers[id].stopObserving();}});
\ No newline at end of file
diff --git a/framework/Web/Javascripts/prado/activecontrols3.js b/framework/Web/Javascripts/prado/activecontrols3.js
index f75d3684..ca1d5b37 100644
--- a/framework/Web/Javascripts/prado/activecontrols3.js
+++ b/framework/Web/Javascripts/prado/activecontrols3.js
@@ -112,9 +112,9 @@ Prado.WebUI.TAutoComplete = Class.extend(Prado.WebUI.TAutoComplete,
 });

 

 /**

- * Callback Timer class.

+ * Period Callback class.

  */

-Prado.WebUI.TCallbackTimer = Base.extend(

+Prado.WebUI.TPeriodicCallback = Base.extend(

 {

 	count : 0,

 	timeout : 0,

@@ -128,7 +128,7 @@ Prado.WebUI.TCallbackTimer = Base.extend(
 		}, options || {})

 

 		this.onComplete = this.options.onComplete;

-		Prado.WebUI.TCallbackTimer.register(this);

+		Prado.WebUI.TPeriodicCallback.register(this);

 	},

 

 	startTimer : function()

@@ -223,3 +223,117 @@ Prado.WebUI.ActiveListControl = Base.extend(
 

 Prado.WebUI.TActiveDropDownList = Prado.WebUI.ActiveListControl;

 Prado.WebUI.TActiveListBox = Prado.WebUI.ActiveListControl;

+

+/**

+ * Observe event of a particular control to trigger a callback request.

+ */

+Prado.WebUI.TEventTriggeredCallback = Base.extend(

+{

+	constructor : function(options)

+	{

+		this.options = options;

+		element = $(options['ControlID']);

+		if(element)

+			Event.observe(element, this.getEventName(element), this.doCallback.bind(this));

+	},

+

+	getEventName : function(element)

+	{

+		name = this.options.EventName;

+   		if(typeof(name) == "undefined" && element.type)

+		{

+      		switch (element.type.toLowerCase())

+			{

+          		case 'password':

+		        case 'text':

+		        case 'textarea':

+		        case 'select-one':

+		        case 'select-multiple':

+          			return 'change';

+      		}

+		}

+		return typeof(name) == "undefined"  || name == "undefined" ? 'click' : name;

+    },

+

+	doCallback : function(event)

+	{

+		request = new Prado.CallbackRequest(this.options.ID, this.options);

+		request.dispatch();

+		if(this.options.StopEvent == true)

+			Event.stop(event);

+	}

+});

+

+/**

+ * Observe changes to a property of a particular control to trigger a callback.

+ */

+Prado.WebUI.TValueTriggeredCallback = Base.extend(

+{

+	count : 1,

+

+	observing : true,

+

+	constructor : function(options)

+	{

+		this.options = options;

+		this.options.PropertyName = this.options.PropertyName || 'value';

+		element = $(options['ControlID']);

+		this.value = element ? element[this.options.PropertyName] : undefined;

+		Prado.WebUI.TValueTriggeredCallback.register(this);

+		this.startObserving();

+	},

+

+	stopObserving : function()

+	{

+		clearTimeout(this.timer);

+		this.observing = false;

+	},

+

+	startObserving : function()

+	{

+		this.timer = setTimeout(this.checkChanges.bind(this), this.options.Interval*1000);

+	},

+

+	checkChanges : function()

+	{

+		element = $(this.options.ControlID);

+		if(element)

+		{

+			value = element[this.options.PropertyName];

+			if(this.value != value)

+			{

+				this.doCallback(this.value, value);

+				this.value = value;

+				this.count=1;

+			}

+			else

+				this.count = this.count + this.options.Decay;

+			if(this.observing)

+				this.time = setTimeout(this.checkChanges.bind(this),

+					parseInt(this.options.Interval*1000*this.count));

+		}

+	},

+

+	doCallback : function(oldValue, newValue)

+	{

+		request = new Prado.CallbackRequest(this.options.ID, this.options);

+		param = {'OldValue' : oldValue, 'NewValue' : newValue};

+		request.setParameter(param);

+		request.dispatch();

+	}

+},

+//class methods

+{

+	timers : {},

+

+	register : function(timer)

+	{

+		this.timers[timer.options.ID] = timer;

+	},

+

+	stop : function(id)

+	{

+		if(this.timers[id])

+			this.timers[id].stopObserving();

+	}

+});