Hello,
I am using a grid which includes two radDatePicker in the row. The grid displays 25 items per page. I am using a shared calendar but it seems that the script is taking too long in IE8.
Could you tell me what would be the best way to improve the performance of my grid?
Here it is:
<telerik:RadGrid ID="radGrid" runat="server"
OnNeedDataSource="NeedDataSource"
OnItemDataBound="ItemDataBound"
OnUpdateCommand="UpdateCommand"
OnItemCreated="ItemCreated"
OnItemCommand="ItemCommand"
AllowSorting="true" AllowPaging="true" AutoGenerateColumns="false" AllowMultiRowSelection="false"
PagerStyle-Mode="NumericPages" PagerStyle-AlwaysVisible="true" ShowFooter="true" PageSize="10"
MasterTableView-NoMasterRecordsText="No Records found.">
<ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="false">
<Selecting AllowRowSelect="true" />
<Resizing AllowColumnResize="false" EnableRealTimeResize="false" />
</ClientSettings>
<MasterTableView ShowHeadersWhenNoRecords="true" TableLayout="fixed"
EditMode="EditForms" Width="100%" CommandItemDisplay="Top">
<EditFormSettings EditFormType="WebUserControl" UserControlName="/UserControl/Grid/Edit.ascx">
<EditColumn UniqueName="EditCommandColumn1"></EditColumn>
</EditFormSettings>
<CommandItemTemplate>
<table style="width:100%">
<tr>
<td style="width:100%; text-align:right;">
<asp:LinkButton ID="lbRefresh" runat="server" CommandName="Refresh">
<img style="border:0px; padding-right:5px;" alt="" src="/RadControls/Skin/Grid/Refresh.gif" />Refresh
</asp:LinkButton>
</td>
</tr>
</table>
</CommandItemTemplate>
<Columns>
<telerik:GridBoundColumn UniqueName="Col1" DataField="Col1" HeaderTooltip="Col1"
ItemStyle-HorizontalAlign="Left" SortExpression="Col1"
HeaderText="Col1" HeaderStyle-Width="6%">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Col2" DataField="Col2" AllowSorting="false" HeaderTooltip="Col2"
HeaderText="Col2" HeaderStyle-Width="8%" ItemStyle-HorizontalAlign="Left">
</telerik:GridBoundColumn>
<telerik:GridEditCommandColumn UniqueName="Col3" HeaderTooltip="Col3"
HeaderText="Col3" HeaderStyle-Width="10%" ItemStyle-HorizontalAlign="Left">
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn UniqueName="Col4" DataField="Col4" HeaderTooltip="Col4"
ItemStyle-HorizontalAlign="Left" SortExpression="Col4"
HeaderText="Col4" HeaderStyle-Width="10%">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="Col5" DataField="Col5" HeaderTooltip="Col5"
ItemStyle-HorizontalAlign="Left" SortExpression="Col5"
HeaderText="Col5" HeaderStyle-Width="4%">
<ItemTemplate>
<a target="_blank" href='<%# myFunction(Eval("Col5").ToString())%>'></a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="Col6" DataField="Col6" HeaderTooltip="Col6"
ItemStyle-HorizontalAlign="Left" SortExpression="Col6"
HeaderText="Col6" HeaderStyle-Width="15%">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="Col7" HeaderTooltip="Col7" DataField="Col7"
ItemStyle-HorizontalAlign="Left" SortExpression="Col7"
HeaderText="Col7" HeaderStyle-Width="13%">
<ItemTemplate>
<telerik:RadDatePicker id="rpd1" Runat="server" OnSelectedDateChanged="dateChanged" ShowPopupOnFocus="false" SharedCalendarID="sharedCalendar"
Width="98px" AutoPostBack="true" ZIndex="0" Calendar-EnableMonthYearFastNavigation="false">
<DateInput ReadOnly="true" ToolTip="Click on the calendar to set up a new date" ></DateInput>
</telerik:RadDatePicker>
<asp:Label id="lb1" runat="server"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Col8" HeaderTooltip="Col8" DataField="Col8"
ItemStyle-HorizontalAlign="Left" SortExpression="Col8"
HeaderText="Maturity Col8" HeaderStyle-Width="13%">
<ItemTemplate>
<telerik:RadDatePicker id="rdp2" Runat="server" OnSelectedDateChanged="dateChanged" ShowPopupOnFocus="false" SharedCalendarID="sharedCalendar"
Width="98px" AutoPostBack="true" ZIndex="0" Calendar-EnableMonthYearFastNavigation="false">
<DateInput ReadOnly="true" ToolTip="Click on the calendar to set up a new date" ></DateInput>
</telerik:RadDatePicker>
<asp:Label id="lb2" runat="server"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<PagerTemplate>
</PagerTemplate>
</MasterTableView>
</telerik:RadGrid>
I am using a grid which includes two radDatePicker in the row. The grid displays 25 items per page. I am using a shared calendar but it seems that the script is taking too long in IE8.
Could you tell me what would be the best way to improve the performance of my grid?
Here it is:
<telerik:RadGrid ID="radGrid" runat="server"
OnNeedDataSource="NeedDataSource"
OnItemDataBound="ItemDataBound"
OnUpdateCommand="UpdateCommand"
OnItemCreated="ItemCreated"
OnItemCommand="ItemCommand"
AllowSorting="true" AllowPaging="true" AutoGenerateColumns="false" AllowMultiRowSelection="false"
PagerStyle-Mode="NumericPages" PagerStyle-AlwaysVisible="true" ShowFooter="true" PageSize="10"
MasterTableView-NoMasterRecordsText="No Records found.">
<ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="false">
<Selecting AllowRowSelect="true" />
<Resizing AllowColumnResize="false" EnableRealTimeResize="false" />
</ClientSettings>
<MasterTableView ShowHeadersWhenNoRecords="true" TableLayout="fixed"
EditMode="EditForms" Width="100%" CommandItemDisplay="Top">
<EditFormSettings EditFormType="WebUserControl" UserControlName="/UserControl/Grid/Edit.ascx">
<EditColumn UniqueName="EditCommandColumn1"></EditColumn>
</EditFormSettings>
<CommandItemTemplate>
<table style="width:100%">
<tr>
<td style="width:100%; text-align:right;">
<asp:LinkButton ID="lbRefresh" runat="server" CommandName="Refresh">
<img style="border:0px; padding-right:5px;" alt="" src="/RadControls/Skin/Grid/Refresh.gif" />Refresh
</asp:LinkButton>
</td>
</tr>
</table>
</CommandItemTemplate>
<Columns>
<telerik:GridBoundColumn UniqueName="Col1" DataField="Col1" HeaderTooltip="Col1"
ItemStyle-HorizontalAlign="Left" SortExpression="Col1"
HeaderText="Col1" HeaderStyle-Width="6%">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Col2" DataField="Col2" AllowSorting="false" HeaderTooltip="Col2"
HeaderText="Col2" HeaderStyle-Width="8%" ItemStyle-HorizontalAlign="Left">
</telerik:GridBoundColumn>
<telerik:GridEditCommandColumn UniqueName="Col3" HeaderTooltip="Col3"
HeaderText="Col3" HeaderStyle-Width="10%" ItemStyle-HorizontalAlign="Left">
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn UniqueName="Col4" DataField="Col4" HeaderTooltip="Col4"
ItemStyle-HorizontalAlign="Left" SortExpression="Col4"
HeaderText="Col4" HeaderStyle-Width="10%">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="Col5" DataField="Col5" HeaderTooltip="Col5"
ItemStyle-HorizontalAlign="Left" SortExpression="Col5"
HeaderText="Col5" HeaderStyle-Width="4%">
<ItemTemplate>
<a target="_blank" href='<%# myFunction(Eval("Col5").ToString())%>'></a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="Col6" DataField="Col6" HeaderTooltip="Col6"
ItemStyle-HorizontalAlign="Left" SortExpression="Col6"
HeaderText="Col6" HeaderStyle-Width="15%">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="Col7" HeaderTooltip="Col7" DataField="Col7"
ItemStyle-HorizontalAlign="Left" SortExpression="Col7"
HeaderText="Col7" HeaderStyle-Width="13%">
<ItemTemplate>
<telerik:RadDatePicker id="rpd1" Runat="server" OnSelectedDateChanged="dateChanged" ShowPopupOnFocus="false" SharedCalendarID="sharedCalendar"
Width="98px" AutoPostBack="true" ZIndex="0" Calendar-EnableMonthYearFastNavigation="false">
<DateInput ReadOnly="true" ToolTip="Click on the calendar to set up a new date" ></DateInput>
</telerik:RadDatePicker>
<asp:Label id="lb1" runat="server"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Col8" HeaderTooltip="Col8" DataField="Col8"
ItemStyle-HorizontalAlign="Left" SortExpression="Col8"
HeaderText="Maturity Col8" HeaderStyle-Width="13%">
<ItemTemplate>
<telerik:RadDatePicker id="rdp2" Runat="server" OnSelectedDateChanged="dateChanged" ShowPopupOnFocus="false" SharedCalendarID="sharedCalendar"
Width="98px" AutoPostBack="true" ZIndex="0" Calendar-EnableMonthYearFastNavigation="false">
<DateInput ReadOnly="true" ToolTip="Click on the calendar to set up a new date" ></DateInput>
</telerik:RadDatePicker>
<asp:Label id="lb2" runat="server"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<PagerTemplate>
</PagerTemplate>
</MasterTableView>
</telerik:RadGrid>