Extra icon in Grid

[Lily]

Several our grids shows phantom icon in the first line, first column. The icons are in another columns and shown correctly.
Lily

 

[Emanuel Varga]

Hello Lily,

Can you please provide additional info on this one? Is the first column a custom column? Please provide some additional details on what you are using and how can i replicate this problem.

Or if possible, please create a small test project and add it here, that will ease the process of finding a solution.

Best Regards,
Emanuel Varga

Telerik WinForms MVP

[Richard Slade]

Hello,

How are you adding the image to the column? I suspect you are adding this via the CellFormatting event. If this is the case, please post your code and I'll take a look at it for you.

CellFormatting

Private Sub rgvPendingItems_CellFormatting(ByVal sender As System.Object, ByVal e As Telerik.WinControls.UI.CellFormattingEventArgs) Handles rgvPendingItems.CellFormatting
    If e.Column.Name = "Party" Then
        e.CellElement.Image = 'Image
    Else
        e.CellElement.Image = Nothing
    End If
End Sub

If you are not using CellFormatting, please let me know
Thanks
Richard

[Vivek]

You are right. 
The image is being added in the Cell Formatting event. 
Below is the code for CellFormatting event. 
ilApprovals is an imagelist.

Thanks,
Vivek

private void radGridView1_CellFormatting(object sender, CellFormattingEventArgs e)
  {
            GridHeaderCellElement cell = e.CellElement as GridHeaderCellElement;
            if (e.CellElement.IsCurrent)
            {
                e.CellElement.DrawBorder = false;
                e.CellElement.DrawFill = false;
            }

            if (e.CellElement.Value != null)
            {
                e.CellElement.ToolTipText = e.CellElement.Value.ToString();
            }

            string colName = bnUtil.SafeString(e.CellElement.ColumnInfo.Name).ToLower();
            if (colName == "colapproved")
            {
                e.CellElement.Text = "";
                bool approved = bnUtil.SafeBool(e.CellElement.Value);
                if (approved)
                {
                    e.CellElement.Image = ilApprovals.Images[0];
                }
                else
                {
                    e.CellElement.Image = ilApprovals.Images[1];
                }
            }
        }

[Richard Slade]

Hello,

Be sure to set a value of null for the image for all the other cells. Remember that the RadGridView uses UI Virtualization so cells get re-used and this is why you may be seeing the image appearing in unwanted cells.

private void radGridView1_CellFormatting(object sender, CellFormattingEventArgs e)
  {
            GridHeaderCellElement cell = e.CellElement as GridHeaderCellElement;
            if (e.CellElement.IsCurrent)
            {
                e.CellElement.DrawBorder = false;
                e.CellElement.DrawFill = false;
            }

            if (e.CellElement.Value != null)
            {
                e.CellElement.ToolTipText = e.CellElement.Value.ToString();
            }

            string colName = bnUtil.SafeString(e.CellElement.ColumnInfo.Name).ToLower();
            if (colName == "colapproved")
            {
                e.CellElement.Text = "";
                bool approved = bnUtil.SafeBool(e.CellElement.Value);
                if (approved)
                {
                    e.CellElement.Image = ilApprovals.Images[0];
                }
                else if......
                {
                    e.CellElement.Image = ilApprovals.Images[1];
                }
                else
                {
                    e.CellElement.Image = null;
                }
            }

hope that helps
Richard

[Vivek]

I did not realize that cells are re-used. 
What you suggested worked like a charm.

Appreciate your help.
- Vivek

[Richard Slade]

Glad that helped. Please remember to mark as answer
In addition, you can read more about UI Virtualization here

Regards,
Richard