This is a migrated thread and some comments may be shown as answers.

Flickering of Telerik RAD Grid with Edit Template

1 Answer 172 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Manishkumar asked on 22 Dec 2011, 03:23 PM

Hi Telerik,
We are facing UI related issue in Radgrid with Edit Template, When we are scrolling down the List box in edit Template is get flickered.
Pleas efind tghe below UI for reference. Please reply ASAP as it is urgent.

<tr>

<td>

<telerik:RadGrid ID="dgrAltDisposition" HeaderStyle-Font-Underline="true" Width="1024px"

AutoGenerateColumns="False" OnNeedDataSource="dgrAltDisposition_NeedDataSource"

AllowFilteringByColumn="false" AllowSorting="false" AllowMultiRowSelection="false"

runat="server" MasterTableView-CommandItemSettings-ShowRefreshButton="true" HeaderStyle-HorizontalAlign="Center"

HeaderStyle-VerticalAlign="Top" ItemStyle-HorizontalAlign="Center" BackColor="#EFF7FF"

Skin="Office2007" ShowGroupPanel="false" GridLines="None" AllowAutomaticInserts="false"

AllowAutomaticUpdates="false" AllowCustomPaging="false" AllowAutomaticDeletes="false"

EnableAJAXLoadingTemplate="true" EnableAJAX="true" OnItemDataBound="dgrAltDisposition_ItemDataBound"

OnDeleteCommand="dgrAltDisposition_DeleteCommand" OnInsertCommand="dgrAltDisposition_InsertCommand"

OnUpdateCommand="dgrAltDisposition_UpdateCommand">

-- <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Office2007">

</HeaderContextMenu>--

</FilterMenu>

<MasterTableView DataKeyNames="CAF_AFF_AIR_ALTER_DISP_ID" CommandItemDisplay="Top"

Name="MTV_AltDisposition" AllowMultiColumnSorting="true" HorizontalAlign="NotSet"

Width="1024px" CommandItemSettings-ShowRefreshButton="false" AutoGenerateColumns="False"

ShowFooter="false" GridLines="Both" GroupLoadMode="Client" TableLayout="Fixed"

ShowHeader="true" InsertItemPageIndexAction="ShowItemOnFirstPage" AlternatingItemStyle-BorderStyle="None">

<span class="clsTableCellCenter"><b>Sorry,there is no matching data available for display.</b></span>

</center>

</NoRecordsTemplate>

<ItemStyle HorizontalAlign="Left" Font-Size="8pt" ForeColor="Black" Font-Names="Arial"

VerticalAlign="Middle" />

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit" UniqueName="EditCommandColumn"

HeaderText="" HeaderStyle-HorizontalAlign="Center">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="Alternate_Disposition_ID" HeaderText="Alternate Disposition ID"

DataField="CAF_AFF_AIR_ALTER_DISP_ID" SortExpression="CAF_AFF_AIR_ALTER_DISP_ID"

Visible="false" HeaderStyle-HorizontalAlign="Center" ShowFilterIcon="false" AllowFiltering="false"

ItemStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Affected_AirplaneList" HeaderText="Affected on Airplane(s)"

DataField="AFFECTED_AIRPLANELIST" SortExpression="AFFECTED_AIRPLANELIST" Visible="true"

HeaderStyle-HorizontalAlign="Center" ShowFilterIcon="false" AllowFiltering="false"

ItemStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="reason_for_alter_dispo" HeaderText="Reason for Alternate Disposition"

DataField="REASON_FOR_ALTER_DISPO_1" SortExpression="REASON_FOR_ALTER_DISPO_1"

Visible="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblReason_for_Alternate_Disposition" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnReason_for_Alternate_Disposition" runat="server" OnClientClick="javascript:fnExpandW(this,'reason_for_alter_dispo')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnReason_for_Alternate_Disposition"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="alter_dispo_1" HeaderText="Alternate Disposition"

DataField="ALTER_DISPO_1" SortExpression="ALTER_DISPO_1" Visible="true" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblAlternate_Disposition" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnAlternate_Disposition" runat="server" OnClientClick="javascript:fnExpandW(this,'alter_dispo_1')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnAlternate_Disposition"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="" HeaderText="Attachments" DataField="" SortExpression=""

Visible="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblAttachments" Text="Attachments" ForeColor="Black"></asp:Label><asp:HyperLink

runat="server" ID="hplAttachments" Text="Attachments" Style="cursor: hand;"></asp:HyperLink><asp:HiddenField

ID="hdnAttachmentCount" runat="server" Value='<%# DataBinder.Eval(Container.DataItem,"ATTACHMENTS_COUNT")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Group_Name" HeaderText="Responsible Group"

DataField="GROUP_NAME" SortExpression="GROUP_NAME" Visible="true" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblResponsible_Group" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "GROUP_NAME"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnResponsible_Group" runat="server" OnClientClick="javascript:fnExpandW(this,'Group_Name')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnResponsible_Group"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "GROUP_NAME")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Created_By" HeaderText="Created By" DataField="CREATED_BY"

SortExpression="CREATED_BY" Visible="true" HeaderStyle-HorizontalAlign="Center"

ItemStyle-HorizontalAlign="Left">

<tr>

<asp:Label runat="server" ID="lblCreated_By" align="left" Text='<%# ValidateString(DataBinder.Eval(Container.DataItem, "CREATED_BY"))%>'></asp:Label>

</td>

<asp:ImageButton ID="ibtnCreated_By" runat="server" OnClientClick="javascript:fnExpandW(this,'Created_By')"

ImageUrl="~/IMAGES/btn_Dots.GIF" ImageAlign="Right" /><asp:HiddenField ID="hdnCreated_By"

runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "CREATED_BY")%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" ItemStyle-Font-Size="8pt" Text="Remove"

UniqueName="Remove" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left"

CommandName="Delete">

</telerik:GridButtonColumn>

</Columns>

</EditColumn>

<tr>

<td>

</td>

</tr>

<tr>

Reason for Alternate Disposition

</td>

</tr>

<tr>

<telerik:RadEditor ID="rdReasonAltDisp" runat="server" align="left" Content='<%# DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "REASON_FOR_ALTER_DISPO_2")%>'

MaxTextLength="4000" CssClass="tblText" EnableContextMenus="false" EnableDocking="false"

Skin="WebBlue" EnableTab="false" Height="100px" ShowHtmlMode="false" ShowPreviewMode="false"

ShowSubmitCancelButtons="false" SpellCheckProvider="EditDistanceProvider" StripFormattingOnPaste="All"

ToolsFile="~/XML_STORAGE/BasicTools.xml" UseEmbeddedScripts="false" Width="840px">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

AlternateDisposition

</td>

</tr>

<tr>

<telerik:RadEditor ID="rdAltDisp" runat="server" align="left" Content='<%# DataBinder.Eval(Container.DataItem, "ALTER_DISPO_1") + "" + DataBinder.Eval(Container.DataItem, "ALTER_DISPO_2")%>'

MaxTextLength="4000" CssClass="tblText" EnableContextMenus="false" EnableDocking="false"

Skin="WebBlue" EnableTab="false" Height="100px" ShowHtmlMode="false" ShowPreviewMode="false"

ShowSubmitCancelButtons="false" SpellCheckProvider="EditDistanceProvider" StripFormattingOnPaste="All"

ToolsFile="~/XML_STORAGE/BasicTools.xml" UseEmbeddedScripts="false" Width="840px">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td>

<table width="100%" id="tblUpload" runat="server" border="0" cellpadding="2" cellspacing="0" style="padding-top:5px;"

align="left">

<tr>

Upload Attachment

</td>

<telerik:RadAsyncUpload ID="RadAsynUploadAttachment" runat="server" MultipleFileSelection="Automatic"

EnableEmbeddedScripts="true" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true" Skin="WebBlue"

TemporaryFolder="upload" AllowedFileExtensions=".jpg,.jpeg,.png,.tif">

</telerik:RadAsyncUpload>

<asp:HiddenField ID="hdnAttachmentCountEdit" runat="server" Value='<%# DataBinder.Eval(Container.DataItem,"ATTACHMENTS_COUNT")%>' />

</div>

</td>

Alternate Disposition

<br />

Affected on Airplane(s)

<br />

<span class="subtext">Ctrl Click to Multi Select</span>

</td>

<asp:ListBox runat="server" ID="lbAffAirplaneList" Rows="5"

SelectionMode="Multiple" Visible="true"></asp:ListBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<asp:LinkButton ID="lnkUpdate" runat="server" CommandArgument='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'

Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'>

</asp:LinkButton>  

<asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel"

Text="Cancel"></asp:LinkButton>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView><ValidationSettings CommandsToValidate="PerformInsert,Update" />

<Scrolling AllowScroll="True" FrozenColumnsCount="0" ScrollHeight="180px" UseStaticHeaders="true"

SaveScrollPosition="true" />

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

Flickering of Telerik RAD Grid with Edit Template

1 Answer, 1 is accepted