树视图控件的SelectedNodeChanged在将其放入jQuery选项卡后不起作用

本文关键字：jQuery 选项 不起作用 控件 视图 SelectedNodeChanged | 更新日期: 2023-09-27 18:29:29

我正在使用ASP.NET开发一个网站，并使用jQuery来实现页面中的选项卡。

我完美地完成了设计。但问题是我在每个选项卡上都有一个树视图。当用户点击一个节点时，页面应该重定向到另一个页面。目前我使用的是response.redirect方法，效果很好。但是，在我将树视图控件放在这个jQuery选项卡中后，会发生回发，但它没有再次重定向，而是加载了带有选项卡的同一页面。我在树视图的SelectedNodeChanged事件上设置了一个断点，但编译器甚至没有到达断点。出了什么问题？

这是代码

<link rel="stylesheet" href="Content/jquery-ui.css">
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/jquery-ui.js"></script>
<script>
    $(function () {
        $("#tabs").tabs();
    });
</script>

<div id="tabs">
        <ul>
            <li><a href="#tabs-1">Test1</a></li>
        </ul>
        <div id="tabs-1">
                        <asp:TreeView ID="tvTest" runat="server" OnSelectedNodeChanged="tvTest_SelectedNodeChanged">
                            <NodeStyle CssClass="tree" />
                        </asp:TreeView>
        </div>
 </div>

这是选定的节点更改事件

 protected void tvTest_SelectedNodeChanged(object sender, EventArgs e)
    {
            Response.Redirect("~/Display.aspx",true);
    }

树视图控件的SelectedNodeChanged在将其放入jQuery选项卡后不起作用

这些是我的测试页面。当节点发生变化时，也就是说，我点击另一个节点，它会将我重定向到所述页面。

TreeView.aspx：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TreeTest.aspx.cs" Inherits="WebApplication.TreeTest" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="Scripts/jquery-ui.css" />
    <script src="Scripts/jquery-1.9.1.js"></script>
    <script src="Scripts/jquery-ui.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#tabs").tabs();
        });
    </script>
</head>
<body>
    <form runat="server">
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Test1</a></li>
        </ul>
        <div id="tabs-1">
            <asp:TreeView ID="tvTest" runat="server" OnSelectedNodeChanged="tvTest_SelectedNodeChanged">
                <NodeStyle CssClass="tree" />
                <Nodes>
                <asp:TreeNode Text="Test1"></asp:TreeNode>
                <asp:TreeNode Text="Test2"></asp:TreeNode>
                </Nodes>
            </asp:TreeView>
        </div>
    </div>
    </form>
</body>
</html>

TreeView.aspx。cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication
{
    public partial class TreeTest : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        protected void tvTest_SelectedNodeChanged(object sender, EventArgs e)
        {
            Response.Redirect("~/Display.aspx", true);
        }
    }
}
相关文章：