Is there a way to get the Focused or Tapped event on RadComboBox, RadTimePicker and RadDatePicker?

[Tasnim]

I want to perform some operation when the RadComboBox, RadTimePicker and RadDatePicker is focused or tapped. But even if I attach these events, they are not triggered.

Is there a way to do so. Kindly help.

[Didi]

Hi Tasnim,

Let me explain the behavior in details: 

1) RadComboBox focus:

When tapping on the noneditable ComboBox a drop down is opened. The tap gesture is for opening closing the drop-down. When the control is in edit mode, the input receives focus.

In this scenario the Focused event is fired:

        <input:RadComboBox Focused="RadComboBox_Focused" IsEditable="True" Placeholder="combobox"/>

private void RadComboBox_Focused(object sender, FocusEventArgs e)
{
//
}

 

When IsEditable is false the focus event does not fire.

2) Pickers tap

You cannot focus the picker controls, are there isn't an input element in the picker. When tapping on the control, a popup is opened and the ToggleCommand is executed. 

More details about the commands in the picker can be found in this article: https://docs.telerik.com/devtools/xamarin/controls/datepicker/date-picker-commands 

You can add a tap gesture to the Pickers PlaceholderTemplate, still you have to implement the custom logic needed if you do not want to execute the ToggleCommand

In this case the Tap Gesture event is fired:

    <ContentPage.Resources>
        <ResourceDictionary>
            <ControlTemplate x:Key="Picker_PlaceholderView_ControlTemplate">
                <Grid>
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped_1"/>
                    </Grid.GestureRecognizers>
                    <Label Text="{TemplateBinding Placeholder}"
               Style="{TemplateBinding PlaceholderLabelStyle}"
               AutomationId="PickerPlaceholderLabel"/>
                </Grid>
            </ControlTemplate>
        </ResourceDictionary>
    </ContentPage.Resources>
    <StackLayout>
        <input:RadDatePicker MinimumDate="2020,01,1" 
                            MaximumDate="2025,12,31"
                            SpinnerFormat="MMM/dd/yyyy"
                            PlaceholderTemplate="{StaticResource Picker_PlaceholderView_ControlTemplate}">

        </input:RadDatePicker>
    </StackLayout>

 

private void TapGestureRecognizer_Tapped_1(object sender, EventArgs e)
{
// you can execute here the toggle command
}

 

I hope this information was helpful.

Regards,
Didi
Progress Telerik