Retrieving RecurrenceRule in Javascript

[SMC]

Hi

I was just wondering if there is a way of retrieving the recurrence rule in javascript when you edit an appointment. I want to retireve it while inside the advanced edit form. Something like get_recurrenceRule().

[Atanas Korchev]

Hello abdul gabier,

At the time being the recurrence rule is not available from the client-side.

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Bob Schrum]

Is this still the case for the 2009 Q3 release?

-Bob

[Roatin Marth]

The latest client-side Appointment class does have a recurrenceRule property, which returns the recurrence rule string in RFC2445 format.

It's accessible as:

appointment.get_recurrenceRule();

[T. Tsonev]

Hi,

In addition to what Roatin said, you can also parse the recurrence rule on the client using the Telerik.Web.UI.RecurrenceRule.parse method. You cannot generate occurrences on the client.

Kind regards,
Tsvetomir Tsonev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Ramya]

Hi,
Iam new to telerik. How can i

RetrieveRecurrenceRule in Javascript

i have the below code in my project

 var editor = $('#<%=AppointmentRecurrenceEditor.ClientID%>');
    var recurStartDate = info.StartDateTime;
    var recurEndDate = info.EndDateTime;

    editor.StartDate = recurStartDate;
    editor.EndDate = recurEndDate;
    var rrule = editor.get_recurrenceRule();

But the console shows an error saying that editor.get_recurrenceRule() is  not a function. Kindly advise on how to proceed.

Thanks
Ramya

[Boyan Dimitrov]

Hello Ramya,

Please find the attached sample project that shows retrieving recurrence rule of an appointment using JavaScript and OnClientFormCreated event. This project is based on our Code Library for customizing Advanced Form with Advanced Form template user controls and this help article for accessing Advanced Form elements using jQuery.  By just adding this JavaScript code you are able to retrieve and use your recurrence rule:

//aspx file

<telerik:RadScheduler runat="server" ID="RadScheduler1"  OnClientFormCreated="schedulerFormCreated"
            .............
</telerik:RadScheduler>

//JavaScript

function schedulerFormCreated(scheduler, eventArgs) {
            var $ = $telerik.$;

            // Create a client-side object only for the advanced templates
            var mode = eventArgs.get_mode();
            if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert ||
                    mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {
                var editorjQueryObject = $("[id$='AppointmentRecurrenceEditor']");
                var editor = $find(editorjQueryObject.attr("id"));

                if (editor.get_recurrenceRule() != null) {
                    var recurrenceRule = editor.get_recurrenceRule();
                    alert(recurrenceRule);
                }
.................
}

I hope this will be helpful.


Kind regards,
Boyan Dimitrov
the Telerik team

[Ramya]

Hi,

How can i set date to end by calendar . Though i able to set the date to the end by date input box, the shared calendar is always displaying the current date. How can i set date thru client side to the end by calendar.

Ramya

[Princy]

Hi Ramya,

I suppose you want to set the End by date from the client side. Following is the sample code that I tried.

ASPX:

<telerik:RadScheduler runat="server" ID="RadScheduler1" AdvancedForm-Modal="true" OnClientFormCreated="OnClientFormCreated">
</telerik:RadScheduler>

JS:

<script type="text/javascript">
 function OnClientFormCreated(sender, args) {
        var $ = $telerik.$;
        var mode = args.get_mode();
        if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert || mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {
            var recurrenceEditorJqueryObj = $("[id$='RangeEndDate']");
            var recurrenceEditor = $find(recurrenceEditorJqueryObj.attr("id"));
            var today = new Date("October 20, 2012 11:13:00");
            recurrenceEditor.set_selectedDate(today);

        }
    }
</script>

Hope this helps.

Regards,
Princy.