Setzen Sie TabIndex auf Next Control in ASP.Net

Question

Ich habe eine ASP.Net 4.5.1 Seite geschrieben in C#, die eine Anzahl von TextBoxen enthält. Wenn sich der Text in einer der TextBoxen ändert, möchte ich eine Methode aufrufen, die 1) die Schaltfläche Speichern aktiviert und b) den Fokus auf die TextBox mit dem nächsten TabIndex nach der TextBox verschiebt, die den PostBack ausgelöst hat. Hier ist mein Code so weit:

protected void EnableSaveButton(object sender, EventArgs e) 
    { 
     if ((REQUEST_PHASE)this.CurrentPhaseID == REQUEST_PHASE.RECORDS) 
     { 
      btnSaveACProperty.Disabled = false; 
      Control control = (Control)sender; 
      int tabindex = 0; 
      if (control != null) 
      { 

      } 
     } 
    } 

Was ich tun möchte, ist die TabIndex Kontrolle geraten und dann finden die Steuerung mit TabIndex + 1 und machen Sie einen SetFocus() auf sie. Mein Problem ist, dass die Steuervariable in meinem Code keine Eigenschaft von TabIndex hat. Wie mache ich das?

Answer 1

Es ist eine schlechte Idee, die Seite zu veranlassen, jedes Mal, wenn eine Textbox geändert wird, zurück auf den Server zu schreiben. Es ist viel besser, so etwas in Javascript zu tun.

Die Antworten auf this question haben verschiedene Vorschläge für den Fokus auf die nächste Steuereinstellung, einschließlich a jQuery plugin, firing a keyboard event und navigating the DOM to find the next control.

$(function(){ 
    $("form").on("change", ":input", function(){ 
     $(":submit[name$=btnSaveACProperty]").prop("disabled", false); 
     $.tabNext(); 
    }); 
}); 

Es sollte ziemlich einfach sein, diese Funktionalität basierend auf einer Bedingung auf dem Server zu aktivieren oder zu deaktivieren. Wenn Sie das Javascript beispielsweise in eine externe Datei einfügen, können Sie es dann bedingungslos einschließen:

protected void Page_PreRender(object sender, EventArgs e) 
{ 
    switch ((REQUEST_PHASE)this.CurrentPhaseID) 
    { 
     case REQUEST_PHASE.RECORDS: 
     { 
      Page.ClientScript.RegisterClientScriptInclude(
       typeof(REQUEST_PHASE), "MoveFocusOnChange", 
       "~/scripts/moveFocusOnChange.js"); 
      break; 
     } 
    } 
}