Dynamically change a row's background color

495

Jeff posted over 11 years ago

Hi,

I've got a WebDataGrid (v12.2), and I need to alternately change the background color on specific rows based on data that may be in one of the cells after the data is bound to the grid. I think I need to do this in the InitializeRow event of the grid, as some other formatting I've been able to apply to columns works great in there, but I haven't been able to come up with the right combination on the row end of things.

Any help would be appreciated!

For bonus points, if anybody knows how to highlight an entire row when the mouse is hovering over it, that would be great too.

thanks,
Jeff Balcerzak

71886

Offline [Infragistics] Boris Toromanov posted over 11 years ago in reply to [Infragistics] Boris Toromanov

Hi Jeff,

I wanted to know if you were able to solve your issue based on these suggestions or you still need help. Please let me know.
Cancel
Reply

Cancel
71886

Offline [Infragistics] Boris Toromanov posted over 11 years ago in reply to Jeff
Hi Jeff,

The first could be achieved with the following code:

Code Snippet

<script type="text/javascript" id="igClientScript">

    function UnHighlightRow(sender, eventArgs)

    {

        if (eventArgs.get_type() == "cell") {

            eventArgs.get_item().get_row().get_element().style.background = "";

        }

    }

    function HighlightRow(sender, eventArgs)

    {

        if (eventArgs.get_type() == "cell") {

            eventArgs.get_item().get_row().get_element().style.background = "Red";

        }

    }

</script>

For the second you could use:

Code Snippet

protected void WebDataGrid1_PreRender(object sender, EventArgs e)

{

    if (!IsPostBack)

    {

        foreach (GridRecord record in WebDataGrid1.Rows)

        {

            foreach (GridRecordItem item in record.Items)

            {

                if (item.Column.Type == typeof(int) && int.Parse(item.Value.ToString()) > 1)

                {

                    record.CssClass = "CellStyle";

                }

            }

        }

    }

}

This is a possible way to achieve the desired behavior.

I have also attached a small sample project which demonstrates the above.

Please feel free to let me know if a question about our tool set comes up on your mind.
GridRowCellStylesOverOut.zip
Cancel
Reply

Cancel
495

Jeff posted over 11 years ago in reply to [Infragistics] Boris Toromanov

Hi Boris,

I like that sample, but is there a way to change the background color of the cell/row and not the foreground color?

Also, using the pre-render event, is there a way to change the background color of a specific row based on data contained in one of the cells?

thanks,

Jeff
Cancel
Reply

Cancel
71886

Offline [Infragistics] Boris Toromanov posted over 11 years ago

Hello Jeff,

Could you please review the sample attached to this post and see if it meets your requirements. Please feel free to let me know if I misunderstood you or if you have any other questions.

GridRowCellStylesOverOut.zip
Cancel
Reply

Cancel