Grid and editable external detail form

[Leos]

Hello,
I want to have TabControl with two TabItems.
First TabItem will contain RadGridView (BROWSE TAB).
Second TabItem will contail UserControl with textboxes for currently selected/added/edited row (DETAIL TAB).
Detail textboxes will be editable only when row is in editable/append state, otherwise will be readonly.
Second TabItem (DETAIL) will contain toolbar with PREV, NEXT, EDIT, DELETE, ADD, COMMIT and CANCEL command, and buttons will be enabled only if needed (no rows - only ADD is enabled etc). Primary way how to change record will be by buttons on detail form ( not keys in the grid).
Result of all operations will be visible in grid (Grid can be read-only if needed). Primary source (ObservableCollection?, CollectionViewSource?) must be controlled by grid too (for example, source must be sorted when header in grid is clicked).

Does exist some example? Or some tip how to integrate RadGridView with this application logic?
Thank you very much.

[Maya]

Hello Leos,

Following up the sample project from this forum thread,  you can just add a RadTabControl, place the RadGridView in the first RadTabItem and the custom DetailsControl in another one.
As for creating the ToolBar, you may use the commands provided by the RadGridViewCommands class:

ActivateRow
BeginEdit
BeginInsert
CancelCellEdit
CancelRowEdit
CommitEdit
Delete
MoveDown
MoveLeft
MoveNext
MovePrevious
MoveRight
MoveUp
SelectCurrentItem

You can find an example on their implementation in our demo.

Sincerely yours,
Maya
the Telerik team

[Leos]

Hi,
commands MoveNext (MoveUp,...) move focus (cell), not selected or current item (row, record, data object).
When NEXT is clicked I need to move (selected item?) to next record (row) and see next record in detail too.

I also need to have grid in "readonly" state until BeginEdit button is pressed. How?

Which collection type is better to use as Source? CollectionViewSource? ObservableCollection?

Some example with real edit capability will be useful.
Thank you very much.

[Maya]

Hi Leos,

In order to accomplish the functionality of MovingUp/Down and Selecting the next item simultaneously, you can create a new custom command combining two of built-in commands.
For example:

<Button Name="Button1"
    Content="MoveUp"
    Click="Button1_Click" />

private void Button1_Click(object sender, RoutedEventArgs e)
{
    var moveUpCommand = RadGridViewCommands.MoveUp as RoutedCommand;
    var selectCommand = RadGridViewCommands.SelectCurrentUnit as RoutedCommand;
    moveUpCommand.Execute(null, this.playersGrid);
    selectCommand.Execute(null, this.playersGrid);
}

The logic for moving down is pretty much the same except that the MoveDown Command is used.
As for  setting the grid as ReadOnly but still enabling the editing on executing the BeginEdit command, you can just define the grid as ReadOnly and before the execution of the command to set its Property IsReadOnly "False".
Furthermore, considering the best type of collection to uses, the choice depends entirely on the requirements of your application. Most often an ObservableCollection is used. 
  

All the best,
Maya
the Telerik team