Hi all,
I'm currently evaluating the Telerik MVC controls (2011.2.712) to enhance an existing MVC3 app. Some part of the application is used to track times spent on a project, therefore using the TimePicker would be a nice usability increase.
However having a list of 5 entities having 7 TimePickers each (a total of 35 input fields) tends to result in a registering time of 2-4 seconds in IE8 (the TimePicker performs well in Chrome and Firefox). I first thought that this is due to the massive amount of jquery selectors generated by WriteInitializationScript,
jQuery('#PrototypeViewModels\\[0\\]_Monday').tTimePicker({effects:{list:[{name:'toggle'}],openDuration:200,closeDuration:200}, format:'HH:mm', minValue:new Date(2011,6,14,0,0,0,0), maxValue:new Date(2011,6,14,0,0,0,0), interval:15, openOnFocus:true});
but overwriting ViewComponentFactory and extending WriteInitializationScript in TimePicker by building a custom class, so that all input fields are selected at once by a jquery wildcard selector did not increase performance significantly.
<%@ Control Language="C#" Inherits="PerfomanceIssuePrototype.ViewUserControl<PerfomanceIssuePrototype.Models.TimeReport>" %> <tr> <td><%: Html.Telerik().TimePickerFor( m => m.Monday ) %></td> <td><%: Html.Telerik().TimePickerFor( m => m.Tuesday ) %></td> <td><%: Html.Telerik().TimePickerFor( m => m.Wednesday ) %></td> <td><%: Html.Telerik().TimePickerFor( m => m.Thursday ) %></td> <td><%: Html.Telerik().TimePickerFor( m => m.Friday ) %></td> <td><%: Html.Telerik().TimePickerFor( m => m.Saturday ) %></td> <td><%: Html.Telerik().TimePickerFor( m => m.Sunday ) %></td> </tr>Is there any known solution to this issue or can anybody with a better knowlege of jQuery have a look what happens when the input field is extended with tTimePicker that seems to cause the performance issue in IE8.
Thanks in advance,
Andreas Kluth