Définir le focus dans TextBox après la publication

J'ai une page simple où je veux filtrer un ListBox basé sur une valeur (s) dans une zone de texte - les deux sont dans un UpdatePanel.
Cela fonctionne correctement, cependant, après la publication, la zone de texte a perdu le focus ... donc j'ai mis le focus dans la page_load. Puis j'ai remarqué que le curseur était maintenant au début du texte quand je le veux à la fin pour que l'utilisateur puisse continuer à taper, donc j'ai ajouté un attribut onfocus (...) à la zone de texte pour redéfinir la valeur lui-même (voir le code ci-dessous).Définir le focus dans TextBox après la publication

Cela fonctionne les deux premières fois, mais il arrête de définir le focus à la zone de texte?

Markup

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListTest.aspx.cs" Inherits="SalesForceTest.ListTest" %> 

<!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"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:ScriptManager ID="ScriptManager1" runat="server" LoadScriptsBeforeUI="true"/> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
       <asp:TextBox runat="server" ID="filter" AutoPostBack="true" onkeyup="__doPostBack(this.id, this.value)" onfocus="this.value = this.value;" /> 
       <br /> 
       <asp:ListBox ID="AccountList" runat="server" Width="185px"></asp:ListBox> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 
    </form> 
</body> 
</html>

Codebehind

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Data; 
using System.Text; 

namespace SalesForceTest 
{ 
    public partial class ListTest : System.Web.UI.Page 
    { 
     List<string> allAccounts = new List<string> { "2342", "3434", "2332", "3224", "7899", "8797", "3435" }; 

     protected void Page_Load(object sender, EventArgs e) 
     { 
      AccountList.Items.Clear(); 
      allAccounts.Where(ac => ac.StartsWith(filter.Text)).ToList().ForEach(a => AccountList.Items.Add(a)); 

      if (Page.IsPostBack) 
      { 
       if (Request.Form["__EVENTTARGET"] == filter.ID) 
       { 
        ScriptManager1.SetFocus(filter); 
       } 
      } 
     } 
    } 
}

Toute aide très reçu avec gratitude :)

Source

2010-10-27 BlueChippy

Vous devez définir la position du curseur/caret à la fin de texte en utilisant java-script. Utilisez ci-dessous fonction js pour la position du curseur de réglage:

function setCaretTo(obj, pos) { 
    if(obj.createTextRange) { 
     /* Create a TextRange, set the internal pointer to 
      a specified position and show the cursor at this 
      position 
     */ 
     var range = obj.createTextRange(); 
     range.move("character", pos); 
     range.select(); 
    } else if(obj.selectionStart) { 
     /* Gecko is a little bit shorter on that. Simply 
      focus the element and set the selection to a 
      specified position 
     */ 
     obj.focus(); 
     obj.setSelectionRange(pos, pos); 
    } 
}

source de code ci-dessus: http://parentnode.org/javascript/working-with-the-cursor-position/

Maintenant, ce que vous avez besoin est ref à votre objet textbox côté client (document.getElementById) et la longueur du texte (textbox.value.length). Appelez la fonction dans la méthode de script de démarrage (enregistrée via ScriptManager.RegisterStartupScript).

Source

2010-10-27 13:32:44 VinayC

Hmm ... Il me manque quelque chose! Cela fonctionne pour les deux premiers rappels, comme avant, mais cesse de fonctionner? Si je déplace des contrôles à l'extérieur du panneau de mise à jour, il continue de fonctionner tout le temps. Remettez-les dans UpdatePanel et cela fonctionne deux fois, puis s'arrête ???? – BlueChippy

Ma suspicion est sur la ligne "if (Request.Form [" __ EVENTTARGET "] == filter.ID)" - peut-être que vous pouvez déboguer et vérifier si le code pour définir le focus est exécuté ou non. – VinayC

Cela semble être frappé à chaque fois ... c'est le "focus" qui ne se passe pas. Ainsi, la publication perd le focus du contrôle et l'appel pour le rétablir ... ne le fait pas. – BlueChippy

Définir le focus dans TextBox après la publication

Répondre

Questions connexes