如何在asp.net中的按钮单击事件上移动到另一个jquery ui选项卡?

时间:2012-08-06 06:00:45

标签: jquery asp.net jquery-ui

在asp.net的按钮点击事件中,有没有人可以帮助我如何从一个jquery ui标签导航到另一个?在我的项目中,我有两个jquery ui标签,我需要根据ex:empName,DoB等执行一些数据库搜索,当用户点击搜索按钮时,搜索结果应显示在网格视图中第二个选项卡,但它不起作用 我知道如何使用和html按钮在jquery ui标签之间导航,但是当我使用 asp按钮时它不起作用我认为这是因为它有runat =" server" .. ...我完全感到困惑,并且在这方面有任何帮助,我们非常感激。

2 个答案:

答案 0 :(得分: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);

 }

答案 1 :(得分:0)

< asp:Button ...>自动将javascript代码附加到click事件以导致postback覆盖您在代码中指定的更改选项卡行为。 (根据您附加处理程序的方式,您可能会注意到在重新加载年龄之前,标签会暂时闪烁)。

如果您需要回发

例如,您已在服务器上处理数据库搜索并设置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或类似工具)运行搜索和数据绑定。没有理由使用&lt; asp:Button ...&gt;。只需切换到经典&lt; input type =“button”&gt;并避免头痛。