Example of OnHtmlRowCreated event in ASPxGridView

ASPxGridView Source Code

Here is ASPxGridView which  implements the OnHtmlRowCreated event.

<dx:ASPxGridView ID="gvUser" AutoGenerateColumns="False" runat="server" 

            OnHtmlRowCreated="gvUser_HtmlRowCreated">

            <Columns>

                <dx:GridViewCommandColumn ShowSelectCheckbox="True" VisibleIndex="0">

                </dx:GridViewCommandColumn>

                <dx:GridViewDataTextColumn FieldName="fldFirstName" VisibleIndex="1">

                </dx:GridViewDataTextColumn>

                <dx:GridViewDataTextColumn FieldName="fldLastName" VisibleIndex="2">

                </dx:GridViewDataTextColumn>

                 <dx:GridViewDataTextColumn FieldName="fldMobileNo" VisibleIndex="3">

                </dx:GridViewDataTextColumn>

                <dx:GridViewDataTextColumn FieldName="fldEmailAddress" VisibleIndex="4">

                </dx:GridViewDataTextColumn>

                 <dx:GridViewDataTextColumn FieldName="fldUserType" VisibleIndex="5">

                </dx:GridViewDataTextColumn>

            </Columns>

        </dx:ASPxGridView>

Here is a method called gvUser_HtmlRowCreated which add a image Icon to the custom cloumn (ASPxImage )which I added in my previous post.

Protected void gvUser_HtmlRowCreated(object sender, DevExpress.Web.ASPxGridView.ASPxGridViewTableRowEventArgs e)
        {
            try
            {

                // image binding
                ASPxImage image = gvUser.FindRowCellTemplateControl(e.VisibleIndex, gvUser.Columns["UserIcom"] as GridViewDataColumn, "ASPxImage1") as ASPxImage;
                if (image == null) return;
                image.Visible = true;

                if (int.Parse(e.GetValue("fldUserType").ToString()) == 1)
                {
                    image.ImageUrl = "~/Images/red.png";
                    image.ToolTip = "CRP user";
                }
                else
                {
                    if (int.Parse(e.GetValue("fldUserType").ToString()) == 2)
                    {
                        image.ImageUrl = "~/Images/yellow.png";
                        image.ToolTip = "BCS user";
                    }
                    else
                    {
                        image.ImageUrl = "~/Images/green.png";
                        image.ToolTip = "NM User";
                    }
                }
            }
            catch { }

        }

    }