在回發後在文本框中設置焦點

我有一個簡單的頁面，我想根據文本框中的值篩選列表框 - 兩者都在UpdatePanel中。
這工作正常，但是，回發後的文本框失去了焦點...所以我把焦點放回了page_load。然後我注意到，當我最終需要光標時，光標現在位於文本的開頭，所以用戶可以繼續打字，所以我在文本框中添加了onfocus（...）屬性以將該值設置回本身（見下面的代碼）。在回發後在文本框中設置焦點

這工作的前兩次，但它然後停止設置焦點到文本框？

標記

<%@ 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>

代碼隱藏

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); 
       } 
      } 
     } 
    } 
}

任何幫助非常感激地接受:)

來源

2010-10-27 BlueChippy

您需要設置光標/插入符號位置結束使用java腳本的文本。使用下面的js函數設置光標位置：

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); 
    } 
}

源上面的代碼：http://parentnode.org/javascript/working-with-the-cursor-position/

現在，你需要的是裁判您的客戶端框對象（的document.getElementById）和文本長度（ textbox.value.length）。調用啓動腳本中的函數（通過ScriptManager.RegisterStartupScript註冊）方法。

來源

2010-10-27 13:32:44 VinayC

嗯...我一定會錯過一些東西！這適用於前兩個回調，就像以前一樣，但後來停止工作？如果我將控件移動到更新面板之外，則它始終保持工作狀態。把它們放回到UpdatePanel中，它工作兩次然後停止？ – BlueChippy 2010-10-27 15:19:47

我的懷疑是在線「if（Request.Form [」__ EVENTTARGET「== filter.ID）」 - 也許你可以調試並檢查設置焦點的代碼是否被執行。 – VinayC 2010-10-28 05:36:51

這似乎是每次都被擊中......其「沒有發生」的「集中焦點」。所以回發失去了控制的焦點和呼叫設置回來......不。 – BlueChippy 2010-10-28 07:20:54

在回發後在文本框中設置焦點

回答

相關問題