[Solved] Attach OnChange handler from javascript

[Pavel Balas]

Hi all,

is it possible to attach client event OnChange  from javascript code? Something like 

var datePicker = $("#DatePicker").data("tDatePicker");

datePicker.bind('onChange', function(e) {alert('onChange')} );

Thanks

Pavel

[Georgi Krustev]

Hello Pavel,

 
In order to achieve your goal you will need to bind the "valueChange" event:

var datePicker = $("#DatePicker").data("tDatePicker");
datePicker.bind('valueChange', function(e) {alert('onChange')} );

Regards,
Georgi Krustev
the Telerik team

[Dipak]

<p><strong>Updates :</strong></p><p>This is my intranet website. if i access it through ip address its wrorking fine, but if i will access it with computer name let say , <a href="http://xzy/webapp/" rel="nofollow">http://xzy/webapp/</a> , it does not working.</p>Hi Georgi,

 i am making Telerik DatePicker dynamically through Partial View in asp.net MVC. Initially i have bind the event like .ClientEvents(events => events.OnChange("onChangeDatePicker")), but i found that if you loading controls dynamically you cann't do that way, you have to bind event dynamically through jQuery Event bubbling. i have below code works fine in my development envoiornment but after deployment on windows server 2008 it stop working in IE9. Its works fine with FF, Safari, Chrome. I have multiple datetime picker on one page.

Can you please help me in this?

$("document").ready(function ()
{
debugger;

var dtpickers = $("[Id^=dtt]");

for (i = 0; i < dtpickers.length; i++) {

if ($.browser.msie) {
$(dtpickers[i]).tDatePicker({
onChange: function () { onChangeDatePicker(this); }
});
}
else {
$(dtpickers[i]).tDatePicker({
onChange: function () { onChangeDatePicker(this); }
});
}
}
});


</script>

Updates :

This is my intranet website. if i access it through ip address its wrorking fine, but if i will access it with computer name let say , http://xzy/webapp/ , it does not working.

[Dipak]

Its resolved now. It was issue with Compatibility view, by default with Intranet website it is On. so i off it and its work fine with me. I believe jQuery Delegated Events is not compatible with previous version of IE.

[Deepak]

Do I have to call any other method after attaching the Event like this?  It does not seem to be working for me.

Thanks.

[Dipak]

No its not. in my code i have called javascript function "onChangeDatePicker(this);" in that i am doing ajax call to do some of my stuff. if you can show me your code with little more details then i can look into it.

You can write any javascript function like this.
onChange: function () { alert('xyz'); }

[Deepak]

Here's my code.  This is within a Grid's onEdit event where one of the columns is a DatePicker:

Create.StartDatePicker = $(e.form).find('#StartDate').data('tDatePicker'); 

Create.StartDatePicker({ onChange: function () { alert('hi'); } }); 

[Deepak]

Finally after digging into Telerik's source code, I figured that this works (don't refer to data('tDatePicker')):

Create.StartDatePicker = $(e.form).find('#StartDate'); 

Create.StartDatePicker.bind('valueChange', function (e) { alert('hi'); }); 

[Arjun]

Thanks Deepak. Your solution worked like a charm.

Adding the code for reference.

Create.StartDatePicker = $(e.form).find('#StartDate');

Create.StartDatePicker.bind('valueChange', function (e) { alert('hi'); });