Tabbing GridViewDataColumn

[Daniel]

I'm using a RadGridview with 2 columns of GridViewDataColumns and DataTemplate (TextBox, ComboBox). I need 2 tab switches to select the control of the cell.
How can I change it to 1 tab?

[Vanya Pavlova]

Hi Daniel,


Thank you for contacting us. 

You may set EditTriggers property of a column (or the entire RadGridView) to CellClick. 

If you placed these controls within CellTemplate, you could define your custom column.
Once the corresponding cells is being tabbed to, just focus the TextBox or the ComboBox elements. 
I'm attaching you small sample demo, which illustrates the second approach. 

Hope this helps. 

Regards,
Vanya Pavlova
Telerik

 

 

[Daniel]

Hi Vanya,
thanks for your reply, I can't find the example?

[Vanya Pavlova]

Hi Daniel,


The attached .zip file, should be visible now. 

Please excuse us for any inconvenience caused. 


Regards,
Vanya Pavlova
Telerik

 

 

[Daniel]

Hello Vanya,
thanks for the expample, but it doesn't work for my implementation:
That's my current Implementation:

<telerik:GridViewDataColumn Header="Position" Width="*" >
                        <telerik:GridViewDataColumn.CellTemplate>
                            <DataTemplate>
                                <Nominal:DoubleUpDown Value="{Binding Position, UpdateSourceTrigger=PropertyChanged, ValidatesOnExceptions=True,
                                                  ValidatesOnNotifyDataErrors=True, ValidatesOnDataErrors=True}"
                                                  Style="{StaticResource DoubleValidationErrorStyle}">
                                    <i:Interaction.Triggers>
                                        <prism:InteractionRequestTrigger SourceObject="{Binding  PositionSelectionRequest, Mode=OneWay}">
                                            <prism:PopupWindowAction IsModal="False" CenterOverAssociatedObject="True">
                                                <prism:PopupWindowAction.WindowContent>
                                                    <inf:ItemSelectionView />
                                                </prism:PopupWindowAction.WindowContent>
                                            </prism:PopupWindowAction>
                                        </prism:InteractionRequestTrigger>
                                        <i:EventTrigger EventName="LostFocus">
                                            <i:InvokeCommandAction Command="{Binding RaisePositionSelectionCommand}"  />
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                </Nominal:DoubleUpDown>
                            </DataTemplate>
                        </telerik:GridViewDataColumn.CellTemplate>
                        <telerik:GridViewDataColumn.CellEditTemplate>
                            <DataTemplate>
                                <Nominal:DoubleUpDown Value="{Binding Position, UpdateSourceTrigger=PropertyChanged, ValidatesOnExceptions=True,
                                                  ValidatesOnNotifyDataErrors=True, ValidatesOnDataErrors=True}"
                                                  Style="{StaticResource DoubleValidationErrorStyle}">
                                    <i:Interaction.Triggers>
                                        <prism:InteractionRequestTrigger SourceObject="{Binding  ItemPositionSelectionRequest, Mode=OneWay}">
                                            <prism:PopupWindowAction IsModal="False" CenterOverAssociatedObject="True">
                                                <prism:PopupWindowAction.WindowContent>
                                                    <inf:ItemSelectionView />
                                                </prism:PopupWindowAction.WindowContent>
                                            </prism:PopupWindowAction>
                                        </prism:InteractionRequestTrigger>
                                        <i:EventTrigger EventName="LostFocus">
                                            <i:InvokeCommandAction Command="{Binding RaisePositionSelectionCommand}"  />
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                </Nominal:DoubleUpDown>
                            </DataTemplate>
                        </telerik:GridViewDataColumn.CellEditTemplate>
                    </telerik:GridViewDataColumn>

If i click into the cell the BeginningEdit event shall be triggered. If I tab to another cell, the control of cell shall be focused and the BeginningEdit event shall be triggered. 

[Boris]

Hello Daniel,

In order to trigger the BeginningEdit event of RadGridView, you will need to enter edit mode state of the cell. That will not happen if you have an editor control in your CellTemplate, because it will get the focus instead of the editor defined in your CellEditTemplate. There are several ways in which you can deal with this issue:
1) Use the default CellTemplate, which is a TextBlock bound to the DataMemberBinding property of the current column.
2) Still use your DoubleUpDown control as a CellTemplate. However, you will need to make sure you will enter into edit mode state of the editor defined in CellEditTemplate and not the one in CellTemplate. Thus ensuring that the BeginningEdit event of RadGridView will be triggered. In order to do that you will need to disable the DoubleUpDown in the CellTemplate, by setting it's IsEnabled property to "False".
3) Another possible way to go about this issue is not to rely on the BeginningEdit event of RadGridView and use only a CellTemplate. Then you can add a handler for a specific to your needs event of the DoubleUpDown and implement your logic there. In order to make sure that a client will not enter in the edit mode state of the cell, you can set the IsReadOnly property of that column to "True".

I hope this helps.

Regards,
Boris Penev
Telerik