DateInput slow rendering of value

[Guido Tapia]

This may by a RadInput issue but I am having the problem with RadDatePicker.DateInput and RadTimePicker.DateInput so I'll put this here.

When the input boxes of these controls are rendered they are empty, it takes 200-1000 ms for their values to show in IE7.

This is not only ugly but is giving my some pretty nasty headaches when it comes to my generic dirty checking scripts.

I understand timeouts and IE are necessary for many workarounds for IE bugs but is there any chance that this will be fixed?

For a sample of this go to:
http://www.telerik.com/demos/aspnet/prometheus/Calendar/Examples/DatePicker/CustomPopup/DefaultCS.aspx

You will notice that the input fields of the date pickers are blank for a small period of time before being populated with their appropriate value.

Thanks

Guido Tapia

[Steve]

Hello Guido,

Indeed you are correct. We were able to reproduce the slight delay and confirmed that this is picker problem only (does not appear on DateInput controls only). I've logged this in our bug tracking system, updated your Telerik points and forwarded this to our developers for investigation. Due to its browser specific nature however, it might be something that we would not be able to alter on our end. We've already went through the datepicker code and we do not use any IE specific timeouts that can cause this.
Anyway, can you elaborate on the "dirty checkings" and how does the slight delay in rendering the value causes problems for you?

Greetings,
Steve
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[YodaKIRI]

Hello support Team,

I got same problem but as I am using a calendar control on same page, it is much slower (as hell!).
My page : 4 calendar controls for each day (x7) , so there is 28 controls

With IE6/7 there is a huge performance problem, with Firefox3 it is really better.

Is there any news about a performance boost as it seems to be a javascript problem (too much javascript code ?) ?

Thanks

[Steve]

Hello YodaKIRI,

So you have 28 RadCalendar controls on your page? I do not think there is anything we can do to improve this .. try the same with 28 GridView, TreeViews, Menus or any other complex controls that involve table html output.

Regards,
Steve
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Alex]

We have the same situation here, we have a 4 calendar control per row in a radGrid.
Performance is extremly slow, as you know, we went back to our old calendar control, BasicDatePicker, and performance has improved drastically.

However we are having issues with the Javascript associated with the BasicDatePicker.

1) It doesn't fire (see 2.)
2) If we include their .js files in the Telerik:RadScriptBlock it errors out when calling the BasicDatePicker javascript.

How can I use a third party control that has it's own javascript associated with it in a radGrid.

Thanks.

[Missing User]

Hi Alex,


Having many date pickers on a page might render too much HTML and impact performance.  RadDatePicker instances can share a RadCalendar control and use it to pick dates.


Please find attached a sample web application that demonstrates the needed approach.



Regards,
Plamen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Fred]

I've got the same issue and I agree it reduces the page size.

Anyway the delay for populating the date input sounds to come from some javascript treatments.

Is there any work around ?

Looking at your demos it sounds the previous radtimepicker (before prometheus) is ok.

Can we use simultaneously the two libraries ?
Is there a link to download a trial of your previous control library ?

[plamen]

hi

Having many date pickers or time pickers on a page can render too much HTML and impact performance. To avoid this problem, RadDatePicker, RadDateTimePicker, and RadTimePicker controls can share a RadCalendar or RadTimeView control so that the rendered page only needs a single client-side object for all the popups. If you have more than 100 pickers the shared calendars does not solve the problem with "date display delay"

You can download the RadControls for ASP.NET from here.


Thanks...
<John:Peel />

[Abdul]

Hello Support team,

I am using RadTimePicker in a grid.  To reduce the resultant page size i used SharedTimeVeiw property.  However, this does not share the javascript that is written by the control.  There are as many javascript blocks in my resultant page as the number of RadTimePicker controls rendered in the grid.  Because of this I still have a very bulky page which takes long time to render.  Please show me way to prevent this javascript from getting pumped in my page.

Thank you.

[plamen]

hi:)

How many controls do you have on that page?
This example demonstrates how to use Telerik RadDatePicker client-side API to enable date picking for asp TextBox controls.


Thanks...
<John:Peel />

[Abdul]

Thanks you very much John for quick response and an awesome solution.  It would be more help full if you point me to a TimePicker example.  I need the methods equivalent to 

datePicker.set_selectedDate(currentDatePicker.get_dateInput().parseDate(sender.value));

Thank you once again. 

[Yavor]

Hello Abdul,

The approach is pretty similar to the one shown in the example. You can get a reference to the time picker:

.aspx

 <telerik:RadTimePicker runat="server" ID="Picker1">
        <DateInput runat="server">
        <ClientEvents OnLoad="onLoad" />
        </DateInput>
        </telerik:RadTimePicker>

and then use the client side methods of the client object to set the time/date. Alternatively, if you want to use the more intuitive settime method, you can consider getting a reference to the TimeView. This is demonstrated in the code snippet below:

.Js

  function pageLoad(sender, args)
  {
    var picker = $find("<%=Picker1.ClientID %>");
    picker.get_timeView().setTime(10, 10, 10);
  }

I hope this information helps.

Sincerely yours,
Yavor
the Telerik team

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

[Abdul]

Hello Yavor,

Thank you for your help.  I have achieved most of the things except the following:
- When the user sets a value in a text box in the grid, then i want to validate it as the RadTimePicker does it. For example: When the user enters '7' the value should get converted to "7:00 AM".

Please help me achieve this.

Thank you very much in anticipation.

[Yavor]

Hi Abdul,

Basically, this part of the logic should be handled by custom code. One option would be to directly assign the value to the TimePicker, which can then try to parse the value.
Altertnatively, you can use client side code, to validate the input, before assigning it to the RadTimePicker. How you parse the value, however, is up to your requirements/logic. Other than the built-in client side methods to set the value/time/date, there is no other api to help in this direction.

Sincerely yours,
Yavor
the Telerik team

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

[Abdul]

Hi Yavor,

Thank you very much for your suggestion.  Can you let me know the function that gets triggered onblur event of RADTimePicker?  I think the TimePicker formats the time onBlur event.  if I get to know it then I will assign the value to the TimePicker and trigger its OnBlur event and then get the formatted value from the TimePicker and use it.

Thank you.
Best regards,
Abdul

[Yavor]

Hello Abdul,

You can assign onBlur to the nested DateInput for the TimePicker. This is demonstrated in the code snippet below:

.aspx

 <telerik:RadTimePicker runat="server" ID="Picker1">
    <DateInput runat="server">
    <ClientEvents OnBlur="onBlurHandler" />
    </DateInput>
    </telerik:RadTimePicker>

I hope this information helps.

Regards,
Yavor
the Telerik team

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

[Abdul]

Hi Yavor,

I want to know the name of the method that RADTimePicker calls on blur.  I dont want to assign my own method to onblur event.  Rather I want to trigger the onBlur event of the RADTimePicker on my own with out actually the onblur event happening on the RADTimePicker.

Thank you.
Best regards,
Abdul

[Yavor]

Hi Abdul,

You cannot directly call this function. Instead, you can consider simply focusing on another control, which will automatically cause the control to parse its value.

Best wishes,
Yavor
the Telerik team

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

[Mattias]

Hi,
Have you figure out any solution for the slow behavior in IE yet?
I'm using IE8 with RadControls 2009.3.1208.35 and having two RadDatePickers on the page and it's really slow using the arrow keys in the input fields. :(

/Mattias

[Dimo]

Hi Mattias,

Yes, please download and try using the latest RadControls internal build.

All the best,
Dimo
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.