Einstellung der ersten Kontrolle Fokus in Silverlight

Ich bin auf der Suche nach einer Möglichkeit, automatisch die anfängliche Fokussierung auf ein Silverlight-UserControl auf ein bestimmtes Steuerelement. Ich habe eine login Seite mit einem Benutzernamen textbox und ich würde gerne es so haben, dass sobald der Benutzer geht auf die Seite Ihr cursor befindet sich bereits positioniert und warten, in das Benutzername-Textfeld, sondern machen Sie Sie klicken Sie auf die box.

Ich versucht, Sie anzurufen .Fokus in das Benutzersteuerelement Geladen Veranstaltung, aber ohne Erfolg. Wer weiß, wie dies zu tun?

InformationsquelleAutor Nick Gotch | 2009-07-14
  1. 5

    Ich peitschte eine schnelle SL3 app und es ist schwierig, die anfängliche Fokussierung gehen Sie auf das Benutzersteuerelement, geschweige denn, um ein Steuerelement innerhalb des Silverlight-Steuerelements.

    Allerdings sehen, wenn diese Lösung löst dieses Problem für Sie. Du wirst ein wenig JavaScript.

    Hier ist der code für Referenz:

    <%@ Page Language="C#" AutoEventWireup="true" %>

<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"
    TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">
<head runat="server">
    <title>Test Page For TextFocusTest</title>
    <script type="text/javascript">
    window.onload = function()
        {
            document.getElementById('Xaml1').focus();
        }
    </script>
</head>
<body style="height:100%;margin:0;">
    <form id="form1" runat="server" style="height:100%;">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div  style="height:100%;">
            <asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/TextFocusTest.xap" Version="2.0" Width="100%" Height="100%" />
        </div>
    </form>
</body>
</html>

    Sobald Ihr SL-Steuerelement den Fokus hat, können Sie weiter legen Sie den Fokus auf ein bestimmtes Steuerelement mit so etwas wie:

    namespace SilverlightApplication2
{
    public partial class MainPage : UserControl
    {
        public MainPage ()
        {
            InitializeComponent ();

            this.GotFocus += new RoutedEventHandler (MainPage_GotFocus);
        }

        void MainPage_GotFocus (object sender, RoutedEventArgs e)
        {
            uxLogin.Focus ();
        }
    }
}

    wo uxLogin wird in XAML definiert als:

    <TextBox x:Name="uxLogin" Height="25" Width="100" />
    • Diese Lösung scheint zu funktionieren im IE, aber ich kann nicht das Silverlight control zu gewinnen, konzentrieren sich in Firefox oder Chrome.
    • Kann immer noch nicht bekommen, diese Arbeit in anderen Browsern, aber ich werde mit dieser Lösung, da die meisten Benutzer werden in der IE sowieso und die anderen werden nur auf die Silverlight-Steuerelements. Danke!
    • Ihr willkommen. Ich habe eine Menge Probleme mit Silverlight und FF--Größenänderung und nur immer die Kontrolle anzuzeigen. In einem Fall, schließlich gab ich auf und habe eine Lösung für den IE und eine für FF. Nicht der beste Weg, aber naja.
    InformationsquelleAutor Scott Marlowe
  2. 16
    public MainPage()
{
    InitializeComponent();

    this.Loaded += new RoutedEventHandler(MainPage_Loaded);
}

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    HtmlPage.Plugin.Focus();
    MyTextBox.Focus();
}
    • +1. Dies funktioniert für mich in Silverlight 4
    • +1 war bei mir in Silverlight 5
    InformationsquelleAutor Kiril Stanoev
  3. 3

    Wenn Sie wollen, um es in ein PRISMA oder MVVM Weise (loswerden der code-behind-code), die Sie implementieren können, ein Verhalten. In meinem Fall richte ich den Blick in das username-Feld, wenn es leer ist und das Kennwort, wenn er gesetzt ist, (daher die 2-Parameter).

    Meine Umsetzung:

    public static class ControlTextFocusBehavior
{
    public static readonly DependencyProperty FocusParameterProperty = DependencyProperty.RegisterAttached(
      "FocusParameter",
      typeof(string),
      typeof(ControlTextFocusBehavior),
      new PropertyMetadata(OnSetFocusParameterCallBack));

    public static readonly DependencyProperty IsEmptyFocusedProperty = DependencyProperty.RegisterAttached(
      "IsEmptyFocused",
      typeof(bool),
      typeof(ControlTextFocusBehavior),
      new PropertyMetadata(true));


    private static void OnSetFocusParameterCallBack(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e)
    {
        Control control = dependencyObject as Control;
        if (control != null)
        {
            control.Loaded += new RoutedEventHandler(control_Loaded);
        }
    }

    private static void control_Loaded(object sender, RoutedEventArgs e)
    {
        Control control = sender as Control;
        control.Loaded -= new RoutedEventHandler(control_Loaded);

        DependencyObject dependencyObject = sender as DependencyObject;
        if (dependencyObject != null)
        {
            bool isEmptyFocused = GetIsEmptyFocused(dependencyObject);
            bool isNullOrEmpty = string.IsNullOrEmpty(GetFocusParameter(dependencyObject));
            if ((isEmptyFocused && isNullOrEmpty) ||
                (!isEmptyFocused && !isNullOrEmpty))
            {
                HtmlPage.Plugin.Focus();
                control.Focus();
            }
        }
    }

    public static void SetFocusParameter(DependencyObject dependencyObject, string parameter)
    {
        dependencyObject.SetValue(FocusParameterProperty, parameter);
    }

    public static string GetFocusParameter(DependencyObject dependencyObject)
    {
        return dependencyObject.GetValue(FocusParameterProperty) as string;
    }


    public static void SetIsEmptyFocused(DependencyObject dependencyObject, bool parameter)
    {
        dependencyObject.SetValue(IsEmptyFocusedProperty, parameter);
    }

    public static bool GetIsEmptyFocused(DependencyObject dependencyObject)
    {
        return (bool)dependencyObject.GetValue(IsEmptyFocusedProperty);
    }
}
    InformationsquelleAutor R4cOON
  4. 1

    Wenn Sie dies möchten-code:

    Fenster.onload = function()

        {
        document.getElementById('Xaml1').focus();
    }

    arbeiten in allen Browsern, müssen Sie die Einstellung der tabIndex-Eigenschaft für das element mit id="Xaml1".

    Sorry für mein Englisch 🙂

    InformationsquelleAutor Luba
  5. 0

    Ich habe gerade ein quick-test und es sieht aus wie diese lösen das problem im browser zu!

    Wie setzen Sie den Fokus auf TextBox in Silverlight 4 out-of-browser-popup

    InformationsquelleAutor tkerwood
Schreibe einen Kommentar