Question

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

我完美地完成了设计。但问题是我在每个标签上都有一个树视图。当用户单击节点时，页面应重定向到另一个页面。目前我正在使用完美的response.redirect方法。但是在我将treeview控件放在这个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>

这是selectednodechanged事件

 protected void tvTest_SelectedNodeChanged(object sender, EventArgs e)
    {

            Response.Redirect("~/Display.aspx",true);
    }

Answer 1

这些是我的测试页面。当节点改变时，I.E。我点击另一个节点，它将我重定向到所述页面。

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);
        }
    }
}

将树视图控件放入jQuery选项卡后，它的SelectedNodeChanged无法正常工作？

1 个答案: