jQuery UI的标签重定向到ASPX页面上回发 [英] jquery ui tabs redirecting to ASPX page on postbacks

问题描述

我被重定向到实际的aspx页面，当我提交表单。如何避免重定向

Tabs.aspx

 ＆LT; D​​IV ID =容器1＆GT;
        ＆LT; UL＆GT;
            ＆LT;李＆GT;＆LT; A HREF =？Survey.aspx组= 1＆GT;＆LT;跨度＆GT; HR＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
            ＆LT;李＆GT;＆LT; A HREF =？Survey.aspx组= 2＆GT;＆LT;跨度＆gt;销售＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
            ＆LT;李＆GT;＆LT; A HREF =？Survey.aspx组= 3＆GT;＆LT;跨度＆GT;财务与LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
        ＆LT; / UL＆GT;
 

jQuery的code在tabs.aspx

 ＆LT;脚本类型=文/ JavaScript的＆GT;
        $（函数（）{
            $（'＃容器-1。＆GT;微升'）片（）。
＆LT; / SCRIPT＆GT;
 

Survey.aspx

 ＆LT;表格ID =Form1的=服务器＆GT;
＆LT; D​​IV＆GT;
    ＆LT; ASP：标签ID =lblHeading=服务器＆GT;＆LT; / ASP：标签＆gt;＆LT; BR /＆GT;
    ＆LT; ASP：HiddenField ID =hdnGroupId=服务器/＆GT;
    ＆LT; BR /＆GT;
    1）问题1＆LT; ASP：DropDownList的ID =DropDownList1=服务器＆GT;
    ＆LT; / ASP：DropDownList的＆GT;
    
    ＆LT; ASP：文本框ID =TextBox1的=服务器＆GT;＆LT; / ASP：文本框＆GT;＆LT; BR /＆GT;
    2）另一个问题：LT; ASP：文本框ID =TextBox2中=服务器＆GT;＆LT; / ASP：文本框＆GT;＆LT; BR /＆GT;
    ＆LT; BR /＆GT;
    ＆LT; BR /＆GT;

    ＆LT; ASP：按钮的ID =btnSave=​​服务器的OnClick =btnSave_Click文本=保存/＆GT;＆LT; BR /＆GT;

    ＆LT; D​​IV ID =结果＆gt;点击此处查看时间＆LT; / DIV＆GT;

    ＆LT; ASP：标签ID =lblMessage=服务器＆GT;＆LT; / ASP：标签＆gt;＆LT; / DIV＆GT;
＆LT; /形式GT;
 

调查页面$ C $后面

ç

 保护无效btnSave_Click（对象发件人，EventArgs的）
{
    如果（的groupId大于0）
    {
        开关（的groupId）
        {
            情况1：
                lblMessage.Text =人力资源数据被保存。
                打破;
            案例2：
                lblMessage.Text =销售数据被保存。
                打破;
            案例3：
                lblMessage.Text =财经数据被保存。
                打破;
            默认：
                打破;
        }
    }
}
 

解决方案

试试这个：

 ＆LT; UL＆GT;
        ＆LT;李＆GT;＆LT; A HREF =＃组1＆GT;＆LT;跨度＆GT; HR＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
        ＆LT;李＆GT;＆LT; A HREF =＃组2＆GT;＆LT;跨度＆gt;销售＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
        ＆LT;李＆GT;＆LT; A HREF =＃组3＆GT;＆LT;跨度＆GT;财务与LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
    ＆LT; / UL＆GT;
    ＆LT; D​​IV ID =1组＆GT;＆LT; IFRAME SRC =？Survey.aspx组= 1＆GT;＆LT; / IFRAME＆GT;＆LT; / DIV＆GT;
    ＆LT; D​​IV ID =组2＆GT;＆LT; IFRAME SRC =？Survey.aspx组= 2＆GT;＆LT; / IFRAME＆GT;＆LT; / DIV＆GT;
    ＆LT; D​​IV ID =组3＆GT;＆LT; IFRAME SRC =？Survey.aspx组= 3＆GT;＆LT; / IFRAME＆GT;＆LT; / DIV＆GT;
 

I am being redirected to the actual aspx page when I submit the form. How to avoid the redirection.

Tabs.aspx

<div id="container-1">
        <ul>
            <li><a href="Survey.aspx?group=1"><span>HR</span></a></li>
            <li><a href="Survey.aspx?group=2"><span>Sales</span></a></li>
            <li><a href="Survey.aspx?group=3"><span>Finance</span></a></li>
        </ul>

jquery code in tabs.aspx

<script type="text/javascript">
        $(function() {
            $('#container-1 > ul').tabs();
</script>

Survey.aspx

<form id="form1" runat="server">
<div>
    <asp:Label ID="lblHeading" runat="server"></asp:Label><br />
    <asp:HiddenField ID="hdnGroupId" runat="server" />
    <br />
    1) Question 1        <asp:DropDownList ID="DropDownList1" runat="server">
    </asp:DropDownList>
       
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
    2) Another question:  <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
    <br />
    <br />

    <asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save" /><br />

    <div id="Result">Click here for the time.</div>

    <asp:Label ID="lblMessage" runat="server"></asp:Label></div>
</form>

Survey page Code behind

protected void btnSave_Click(object sender, EventArgs e)
{
    if (groupId > 0)
    {
        switch (groupId)
        {
            case 1:
                lblMessage.Text = "HR data is saved.";
                break;
            case 2:
                lblMessage.Text = "Sales data is saved.";
                break;
            case 3:
                lblMessage.Text = "Finance data is saved.";
                break;
            default:
                break;
        }
    }
}

解决方案

Try this:

    <ul> 
        <li><a href="#group1"><span>HR</span></a></li>
        <li><a href="#group2"><span>Sales</span></a></li>
        <li><a href="#group3"><span>Finance</span></a></li>
    </ul>
    <div id="group1"><iframe src="Survey.aspx?group=1"></iframe></div>
    <div id="group2"><iframe src="Survey.aspx?group=2"></iframe></div>
    <div id="group3"><iframe src="Survey.aspx?group=3"></iframe></div>

这篇关于jQuery UI的标签重定向到ASPX页面上回发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！