即使在回发后仍保持Tab键顺序

时间:2012-09-06 05:50:36

标签: c# asp.net user-controls

这是一个场景,我需要在回帖后维护页面中的Tab键顺序。

我有一个带有3个文本框的用户控件,它放在带有其他控件的aspx页面中。在测试框的onBlur中,我正在做一个__doPostBack将一些数据传递给服务器并在父页面上处理它,因此Tab键顺序丢失了。是否可以在回发中维护Tab键顺序,其中我从父页面切换到控件中的文本框,然后再次选项卡到下一个父页面控件。

我尝试使用下面的代码将焦点设置到usercontrol中的下一个文本框,但是这会导致代码被调用,即使用户仅通过单击页面将焦点移出控件也是如此。

 protected void Page_Load(object sender, EventArgs e)
    {
        if (this.IsPostBack)
        {
            WebControl wcICausedPostBack = (WebControl)GetControlThatCausedPostBack(sender as UserControl);
            if (wcICausedPostBack != null)
            {
                int indx = wcICausedPostBack.TabIndex;
                Panel selectedPanel = null;
                if (Panel1.Visible)
                {
                    selectedPanel = Panel1;
                }
                else if (Panel2.Visible)
                {
                    selectedPanel = Panel2;
                }
                if (selectedPanel != null)
                {

                    var ctrl = from control in selectedPanel.Controls.OfType<WebControl>()
                               where control.TabIndex == (indx + 1)
                               select control;
                    if (ctrl.Count() > 0)
                    {
                        ctrl.First().Focus();
                    }
                }
            }
        }
    }

    protected Control GetControlThatCausedPostBack(UserControl page)
    {
        Control control = null;
        string ctrlname = string.Empty;
        UserAction updateAction = CurrentUserAction();
        if (updateAction != null)
        {
            if (!string.IsNullOrEmpty(updateAction.Data))
            {
                string[] splitSting = updateAction.Data.Split('$');
                ctrlname = splitSting[splitSting.Count() - 1];
            }
        }
        if (ctrlname != null && ctrlname != string.Empty)
        {
            control = page.FindControl(ctrlname);
        }
        else
        {
            foreach (string ctl in page.Request.Form)
            {
                Control c = page.FindControl(ctl);
                if (c is System.Web.UI.WebControls.Button || c is System.Web.UI.WebControls.ImageButton)
                {
                    control = c;
                    break;
                }
            }
        }
        return control;
    }

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery将当前关注的字段ID存储在隐藏控件中。

将其存储在隐藏控件中会使其在回发中保持不变 您可以使用该输入id来查找下一个输入,并使用jQuery再次将焦点设置为它。

$("input").focus(function() {
    $("#currectFocusField").val($(this).attr("id"));
});

$(document).ready(function(){
    var lastFocusedInput = $("#currectFocusField").val();
});