Grid View - Grid Rows Focused Row

Drag a column header here to group by that column
First Name 
Last Name 
Birth Date 
Hire Date 
NancyDavolio12/8/1948Sales Representative5/1/1992
AndrewFuller2/19/1952Vice President, Sales8/14/1992
JanetLeverling8/30/1963Sales Representative4/1/1992
MargaretPeacock9/19/1937Sales Representative5/3/1993
StevenBuchanan3/4/1955Sales Manager10/17/1993
MichaelSuyama7/2/1963Sales Representative10/17/1993
RobertKing5/29/1960Sales Representative1/2/1994
LauraCallahan1/9/1958Inside Sales Coordinator3/5/1994
AnneDodsworth1/27/1966Sales Representative11/15/1994

This demo dynamically displays detailed information for the selected row outside the MVC Grid View. The FocusedRowChanged client event is handled via the OnGridFocusedRowChanged() JavaScript function. This function queries the server by using the Grid View's GetRowValues client method, to return the current employee's ID and Notes. The returned array is passed to the OnGetRowValues() JavaScript function, that assigns the obtained values to corresponding controls (DevExpress Image and Memo Editors).

To enable the capabilities of Focused Row, set the SettingsBehavior.AllowFocusedRow property to true. Appearance of the Focused Row can be specified using the Styles.FocusedRow property.

End-users can move row focus by clicking the desired row. To respond to a change in row selection, handle the FocusedRowChanged client event. To identify the currently focused row, use the GetFocusedRowIndex client method.

See Also:
Version: v2017 vol 1.6
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.