How to highlight the selected row?

1329

jason posted over 12 years ago

RowSelectors RowSelectorCssClass did not seem to work.

Parents

8160

Hristo posted over 12 years ago

Hi jdymond,

Selected rows are highlighted by default. Make sure that CellClickAction is row.

<Behaviors>
<ig:Selection CellClickAction="Row">
</ig:Selection>
</Behaviors>

Then you can edit the existing styles.
Cancel
Reply

Cancel

Reply

1329

jason posted over 12 years ago in reply to Hristo

I would like to highlight the child row like in the following example but it does not seem to work in our WHDG...The arrows are being displayed and row numbering if we so choose, but no row highlighting like in the example.

http://samples.infragistics.com/aspnet/Samples/WebHierarchicalDataGrid/EditingAndSelection/RowSelection/Default.aspx?cn=hierarchical-data-grid&sid=96d23710-90a5-4fa9-9738-1b8f657485c6
Cancel
Reply

Cancel

Children

8160

Hristo posted over 12 years ago in reply to jason

Enable Selection Behavior and RowSelectors for the Bands:

 <Bands>
                <ig:Band DataMember="dvOrders" DataKeyFields="OrderID" AutoGenerateColumns="false">
                    <Columns>
 ...
                    </Columns>
                    <Behaviors>
                        <ig:RowSelectors RowNumbering="true">
                        </ig:RowSelectors>
                    </Behaviors>
                </ig:Band>
            </Bands>

or set EnableInheritance="true"

 <ig:WebHierarchicalDataGrid runat="server" ID="wdgCustomers" DataSourceID="whdsMain"
            AutoGenerateColumns="false" Width="98%" Height="450">
            <Columns>
                ...
            </Columns>
            <Bands>
                <ig:Band DataMember="dvOrders" DataKeyFields="OrderID" AutoGenerateColumns="false">
                    <Columns>
                    ...
                    </Columns>
                </ig:Band>
            </Bands>
            <Behaviors EnableInheritance="true">
                <ig:RowSelectors RowNumbering="true">
                </ig:RowSelectors>
                <ig:Activation>
                </ig:Activation>
                <ig:Selection RowSelectType="Multiple">
                </ig:Selection>
            </Behaviors>
        </ig:WebHierarchicalDataGrid>