DateInput slow rendering of value

20 posts, 0 answers
  1. Guido Tapia
    Guido Tapia avatar
    87 posts
    Member since:
    Jul 2012

    Posted 10 Jan 2008 Link to this post

    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
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 14 Jan 2008 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. YodaKIRI
    YodaKIRI avatar
    33 posts
    Member since:
    Nov 2006

    Posted 22 May 2008 Link to this post

    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
  5. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 23 May 2008 Link to this post

    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
  6. Alex
    Alex avatar
    77 posts
    Member since:
    Mar 2008

    Posted 05 Jun 2008 Link to this post

    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.
  7. Plamen Peshev
    Admin
    Plamen Peshev avatar
    886 posts

    Posted 09 Jun 2008 Link to this post

    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
  8. Fred
    Fred avatar
    4 posts
    Member since:
    Jun 2008

    Posted 18 Jun 2008 Link to this post

    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 ?
  9. John
    John avatar
    416 posts
    Member since:
    Oct 2006

    Posted 20 Jun 2008 Link to this post

    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 />


  10. Abdul
    Abdul avatar
    12 posts
    Member since:
    Aug 2008

    Posted 04 Aug 2008 Link to this post

    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.
  11. John
    John avatar
    416 posts
    Member since:
    Oct 2006

    Posted 04 Aug 2008 Link to this post

    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 />
  12. Abdul
    Abdul avatar
    12 posts
    Member since:
    Aug 2008

    Posted 04 Aug 2008 Link to this post

    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. 
  13. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 04 Aug 2008 Link to this post

    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.
  14. Abdul
    Abdul avatar
    12 posts
    Member since:
    Aug 2008

    Posted 04 Aug 2008 Link to this post

    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.

  15. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 05 Aug 2008 Link to this post

    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.
  16. Abdul
    Abdul avatar
    12 posts
    Member since:
    Aug 2008

    Posted 07 Aug 2008 Link to this post

    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
  17. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 08 Aug 2008 Link to this post

    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.
  18. Abdul
    Abdul avatar
    12 posts
    Member since:
    Aug 2008

    Posted 08 Aug 2008 Link to this post

    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
  19. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 08 Aug 2008 Link to this post

    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.
  20. Mattias
    Mattias avatar
    263 posts
    Member since:
    Aug 2012

    Posted 30 Dec 2009 Link to this post

    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
  21. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 30 Dec 2009 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017