Question

我正在使用带标签的页面，在第3个标签中我有搜索功能但是每当我点击搜索按钮页面都会重新加载，它将移动到第一个标签。按钮点击后我需要标签应保持不变，我该怎么做？

<body class='default'>
<div id='jqxWidget'>
    <div id='jqxTabs'>
        <ul>
            <li style="margin-left: 30px;">UserTickets</li>
            <li>JavaServer Pages</li>
            <li>Active Server Pages</li>
            <li>Python</li>
            <li>Perl</li>
        </ul>
        <div>


        </div>
        <div>

        </div>
        <div>
        <form runat="server">


            <asp:Button ID="button" runat="server" OnClientClick="javascript:search()" Text="search" />
            <asp:Label ID="label" Text="" runat="server"></asp:Label>
            </form>
        </div>
        <div>

        </div>
        <div>

        </div>
    </div>
</div>

谢谢

Answer 1

您可以使用更新面板。在第三个添加更新面板中，下面是示例：

<div id="third-tab">
 <form>
  <asp:ScriptManager runat="server" ID="ScriptMng"></asp:ScriptManager>
  <asp:Button ID="button" runat="server" Text="search" />
   <asp:UpdatePanel runat="server">
    <ContentTemplate>
     <asp:Label ID="label" Text="" runat="server"></asp:Label>
    </ContentTemplate>
    <Triggers>
     <asp:AsyncPostBackTrigger ControlId="button" />
    </Triggers>
   </asp:UpdatePanel>
 </form>
</div>

在代码后面的代码测试背后的代码

protected void button_Click(object sender, EventArgs e){
 label.Text = "Searching without full reload";
}

希望它有所帮助

Answer 2

在您遇到的情况下，Ajax可能是最好的选择。描述它的最佳方式是它只会刷新您已经包装AJAX的页面上的内容。你点击按钮的问题导致页面重新加载，因此返回“初学者”选项卡。

以下是我为您准备的一小段代码，我将解释该怎么做。

您需要将Nugent Package添加到项目中并添加“Ajax Control Toolkit”。
在代码的顶部，您需要添加此行。 （想想它说'我想在这个页面上使用工具包，我将使用AjaxControlToolkit调用它'）
```
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
```

然后您需要在页面下方添加以下行。

<AjaxControlToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></AjaxControlToolkit:ToolkitScriptManager>

然后用这些代码行包装该选项卡的代码行。

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>

    </ContentTemplate>
</asp:UpdatePanel>

确保将选项卡中的所有信息包装在。

中

这是使用AJAX的一种非常基本的方式，它可以使用更高级，但这将有效。

Answer 3

您可以有条件地在页面加载上设置Tab。看看这段代码可能会对你有所帮助。

    var TabNum=(Your Tab Number)
    function selecttabs() {
        $('[id$="dvInvoiceTab"]').tabs("select", TabNum);
    }

aspx中的按钮单击事件

3 个答案: