0

任何人都可以帮助我了解如何在 asp.net 中按钮的单击事件中从一个 jquery ui 选项卡导航到另一个选项卡吗？在我的项目中，我有两个 jquery ui 选项卡合二为一，我需要根据 ex 执行一些数据库搜索：empName、DoB 等，当用户单击搜索按钮时，搜索结果应显示在放置的 gridview 中第二个选项卡但它不工作我知道如何使用和 html 按钮在 jquery ui 选项卡之间导航但是当我使用asp 按钮时它不工作我认为这是因为它有 runat="server"..... 我是完全困惑和堆栈在这方面的任何帮助都非常感谢。

4

2 回答 2

0

你可以做的是：

假设您在 javascript 中有一段代码来打开第二个选项卡：

 $('div').tab2();   // dummy javascript code

然后在按钮单击事件中，您可以执行以下操作：

 protected void Button_Click(object sender, EventArgs e)
 {

   // Code

    ScriptManager.RegisterStartupScript(page, typeof(Page), Guid.NewGuid().ToString(), "$('div').tab2();", true);

 }
于 2012-08-06T06:39:14.107 回答
0

<asp:Button ...> 自动将 javascript 代码附加到 click 事件，以导致回发覆盖您在代码中指定的更改选项卡行为。（根据您附加处理程序的方式，您实际上可能会注意到选项卡在年龄重新加载之前会瞬间闪烁）。

如果您需要回发

例如，您已经在服务器上处理了 DB 搜索并设置了 gridview 的 DataSource。您可以使用页面上的隐藏字段来存储启动时应该可见的选项卡，然后在单击事件中设置它。此示例假定您有两个名为 tab1 和 tab2 的选项卡。

<!-- In your .aspx file -->
<asp:HiddenField runat="server" ID="tabToShowOnLoad" Value="tab1" />

//In the js function which creates your tabs
$(document).ready(function() {
    $("#yourTabContainer").tabs();
    $("#yourTabContainer").tabs("select", $("#tabToShowOnLoad").val());
});

'In your code behind
Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
    'Code you use to run the db search

    tabToShowOnLoad.Value = "tab2"
End Sub

如果您不需要回发

例如，您使用 ajax（使用 UpdatePanel 或类似工具）运行搜索和数据绑定。没有理由使用 <asp:Button ...>。只需切换到经典的 <input type="button"> 并避免头痛。

于 2012-08-06T06:52:14.143 回答