Установить TabIndex в следующий элемент управления в ASP.Net

Question

У меня есть страница ASP.Net 4.5.1, написанная на C#, на которой есть несколько TextBoxes. Когда текст в любом из TextBoxes изменяется, я хочу вызвать метод, который 1) включает кнопку Save и b) перемещает фокус в TextBox со следующим TabIndex после TextBox, который запускал PostBack. Вот мой код до сих пор:

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) 
      { 

      } 
     } 
    } 

То, что я хочу сделать, это получить TabIndex управления, а затем найти элемент управления с TabIndex + 1 и сделать SetFocus() на нем. Моя проблема в том, что управляющая переменная в моем коде не имеет свойства TabIndex. Как мне это сделать?

Answer 1

Причина, по которой страница, отправляемая на сервер при каждом изменении текстового поля, кажется плохой идеей. В Javascript гораздо лучше делать подобные вещи.

Ответы на вопросы this question имеют различные рекомендации по настройке фокуса на следующий элемент управления, включая a jQuery plugin, firing a keyboard event и navigating the DOM to find the next control.

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

Должно быть достаточно просто включить или отключить эту функциональность в зависимости от состояния на сервере. Например, если вы поставите Javascript во внешнем файле, вы можете условно включить его:

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