[Solved] $find - ing the RadDateTimePicker controls in Advanced Templates

[James Legan]

I hope I am missing something glaringly obvious, but I cannot find a sample or anything in the docs on how to obtain a reference in client-side for the controls in Advanced Templates.

Does anyone have a snippet?

Thanks,

Jim

[Peter]

Hi James Legan,

A similar question was raised in this forum thread.
http://www.telerik.com/community/forums/aspnet-ajax/scheduler/validation-in-scheduler.aspx

Here is another example to try:

<script type="text/javascript">
       function OnClientRecurrenceActionDialogClosed(sender, eventArgs) {
           document.getElementById("editSeries").value = eventArgs.get_editSeries();
       }
       function pageLoad() {

           var StartDateControlID = null;
           var StartDateControlClientObject = null;

           var StartTimeControlID = null;
           var StartTimeControlClientObject = null;

           var EndDateControlID = null;
           var EndDateControlClientObject = null;

           var EndTimeControlID = null;
           var EndTimeControlClientObject = null;
           $telerik.$(".RadPicker ").each(function(i) {
               if (this.id.match("StartDate") != null) {
                   StartDateControlID = this.firstChild.id;
                   StartDateControlClientObject = $find(StartDateControlID);
                   alert("Selected start date: " + StartDateControlClientObject.get_selectedDate().format('yyyy/MM/dd'));
               }
               else if (this.id.match("StartTime") != null) {
                   StartTimeControlID = this.firstChild.id;
                   StartTimeControlClientObject = $find(StartTimeControlID);
                   alert("Selected start time : " + StartTimeControlClientObject.get_selectedDate().format('hh:mm tt'));
               }
               else if (this.id.match("EndDate") != null) {
                   EndDateControlID = this.firstChild.id;
                   EndDateControlClientObject = $find(EndDateControlID);
                   alert("Selected end date : " + EndDateControlClientObject.get_selectedDate().format('yyyy/MM/dd'));
               }
               else if (this.id.match("EndTime") != null) {
                   EndTimeControlID = this.firstChild.id;
                   EndTimeControlClientObject = $find(EndTimeControlID);
                   alert("Selected end time : " + EndTimeControlClientObject.get_selectedDate().format('hh:mm tt'));
               }
           });
       }

Let us know if you have further question.

Regards,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.