This is a migrated thread and some comments may be shown as answers.

Unable to set Focus()

12 Answers 528 Views

AutoCompleteBox

This is a migrated thread and some comments may be shown as answers.

Martin asked on 04 Mar 2013, 03:36 PM

If I replace the RadAutoCompleteBox with a normal wpf textbox I can set focus in event OnLoaded with method myTextBox.Focus();
her is the code with the RadAutoCompleteBox that is not working:

<Window x:Class="Propertydesigner.Window1"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"

xmlns:controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"

Title="Window1" Height="300" Width="300" Loaded="Window1_OnLoaded" >

<Grid>

<telerik:RadBusyIndicator Grid.Row="1" IsIndeterminate="True">

<Grid HorizontalAlignment="Stretch" Margin="5">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*"/>

</Grid.RowDefinitions>

<StackPanel>

<TextBlock Text="Enter a document name" Margin="0 0 0 5"/>

<controls:RadAutoCompleteBox x:Name="SearchForDocuments"

DisplayMemberPath ="Name"

SelectionMode="Single"

TextSearchMode="Contains"

HorizontalAlignment="Stretch"

Margin="0 0 0 3"/>

</StackPanel>

<StackPanel Grid.Row="2"

Orientation="Horizontal"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Margin="0 10 0 0">

<telerik:RadButton Content="OK" Width="70" Margin="0 0 10 0" />

<telerik:RadButton Content="Cancel" Width="70"/>

</StackPanel>

</Grid>

</telerik:RadBusyIndicator>

</Grid>

</Window>

private void Window1_OnLoaded(object sender, RoutedEventArgs e)
{
SearchForDocuments.Focus();
}

12 Answers, 1 is accepted

answered on 10 Sep 2014, 03:50 PM

This still seems to be a bug. Setting focus to a RADAutocomplete box. seems to work when the box is empty, but not when It has data in it.

Code snippet
c#

protected void originPort_TextChanged(object sender, AutoCompleteTextEventArgs e)
{
if (originPort.Text != "")
{
Session["ORGCNT"] = originPort.Entries[0].Value.Substring(0, 2);
sendingDataSource.Select(DataSourceSelectArguments.Empty);
sendAgent.DataBind();

destinationPort.Focus();
}
}

protected void destinationPort_TextChanged(object sender, AutoCompleteTextEventArgs e)
{
if (destinationPort.Text != "")
{
Session["DSTCNT"] = destinationPort.Entries[0].Value.Substring(0, 2);
//receivingDataSource.Select(DataSourceSelectArguments.Empty);
//receiveAgent.DataBind();
}

}

--

aspx

<td class="bkBody">
<telerik:RadAjaxPanel ID="RadAjaxPanel4" runat="server" Width="259px" Height="16px" >
<table border="0" cellpadding="2" cellspacing="0" style="width: 100%">
<tr>
<th class="auto-style18">Place of Origin<br />
<asp:CheckBox ID="cb_LoadDisch" runat="server" AutoPostBack="True" OnCheckedChanged="cb_LoadDisch_CheckedChanged" Text="Load/Disch" />
</th>
<td class="auto-style6">
<telerik:RadAutoCompleteBox style="width:200px" ID="originPort" DefaultMessage="Select Origin....." runat="server" DataSourceID="portDataSource" DataTextField="pt_PortName" DataValueField="pt_Code" Width="300" DropDownWidth="300" InputType="Text" Skin="Metro" TextSettings-SelectionMode="Single" OnTextChanged="originPort_TextChanged" TabIndex="66" ShowLoadingIcon="False"> </telerik:RadAutoCompleteBox>
<asp:SqlDataSource ID="portDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:NGENAConnectionString %>"
SelectCommand="SELECT [pt_Code], (LTRIM(RTRIM([pt_PortName])) + ', ' + LTRIM(RTRIM([pt_CountryName])) + ' (' + pt_code + ')') AS pt_PortName FROM [Ports] WHERE [pt_IataCode] <> ''"></asp:SqlDataSource>
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" Text="!" ErrorMessage="Origin required." ForeColor="Red" ControlToValidate="originPort" Enabled="true" Font-Bold="true" ></asp:RequiredFieldValidator>
</td>

<th class="auto-style5">Place of Destination</th>
<td class="auto-style6">
<telerik:RadAutoCompleteBox style="width:200px" ID="destinationPort" DefaultMessage="Select Destination.." runat="server" DataSourceID="portDataSource" DataTextField="pt_PortName" DataValueField="pt_Code" Width="300" DropDownWidth="300" InputType="Text" Skin="Metro" TextSettings-SelectionMode="Single" TabIndex="67" ShowLoadingIcon="False" MinFilterLength="2" OnTextChanged="destinationPort_TextChanged" ></telerik:RadAutoCompleteBox>
<%--<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Text="!" ErrorMessage="Destination required." ForeColor="Red" ControlToValidate="destinationPort" Enabled="true" Font-Bold="true"></asp:RequiredFieldValidator>--%>

</td>
</tr>
<tr>

answered on 17 Sep 2014, 11:39 AM

I did event get your video to work, and I see that you are just doing what is FIDDLY for the user.. ie putting the cursor right at the end of the existing input area.

If it were internal users using the system, maybe I could live with it, but it will be our customers trying to enter information.. and its just too fiddly. if you try and click at the end,, then hit backspace, and get it wrong.. the browser gores back a whole page, potentially losing all the input that has been done on the page. We need to be able to do what is intuitive.. click on the existing entry ANYWHRE in the box so as to select the existing item.

Rgds
Trevor Gall
IT Director Asia Pacific
(special project development consultant assigned to Sweden)