Javascript 使用jsTree在最深的节点中创建指向控制器的链接？

Iam在asp.net mvc中的使用

我想要一个树形结构，用户可以点击最深的节点并在我的网站上导航。树结构可以工作，但我不能在其中创建任何链接（url）

我有这个代码在视图中

<script>
    var j = jQuery.noConflict();
    j(function () {
        j("#jstree_demo_div").jstree({
            "plugins": ["search"]
        });

        var to = false;
        j('#plugins4_q').keyup(function () {
            if (to) { clearTimeout(to); }
            to = setTimeout(function () {
                var v = j('#plugins4_q').val();
                j('#jstree_demo_div').jstree(true).search(v);
            }, 250);
        });

    });
</script>

<div id="jstree_demo_div">
    <ul id="tree">
        <li>
            @if (Model != null) { 
            <a href="#">@Model.CategoryName</a>
            @Html.Partial("_CategoryChildren", Model)
            }
        </li>
    </ul>
</div>

var j=jQuery.noConflict（）；
j（函数（）{
j（“#jstree_demo_div”）.jstree({
“插件”：[“搜索”]
});
var-to=false；
j（'#plugins4_q'）。键控（函数（）{
if（to）{clearTimeout（to）；}
to=设置超时（函数（）{
var v=j（'#plugins4_q'）.val（）；
j（'#jstree_demo_div'）.jstree（true）.search（v）；
}, 250);
});
});


@如果（Model！=null）{
@Html.Partial（“\u CategoryChildren”，Model）
}

和部分视图类别儿童

@foreach (var item in Model.Children)
{
    <ul>
        @if (item != null)
        {
            <li id="@item.CategoryID">

                <a href="#" class="cat">@item.CategoryName</a>
                @if (item.Children.Count > 0)
                {
                    @Html.Partial("_CategoryChildren", item)
                }
            </li>
        }
    </ul>
}

@foreach (var item in Model.Children)
{
    <ul>
        @if (item != null)
        {
            <li id="@item.CategoryID">

                <a href="@Url.Action("Details", "Category", new { id=item.CategoryID })" class="cat">@item.CategoryName</a>
                @if (item.Children.Count > 0)
                {
                    @Html.Partial("_CategoryChildren", item)
                }
            </li>
        }
    </ul>
}

@foreach（Model.Children中的变量项）
{

@如果（项！=null）
{

@如果（item.Children.Count>0）
{
@Html.Partial（“\u CategoryChildren”，项目）
}

}

}

我曾尝试在例如www.google.com的部分视图中编辑a

href=“#”

，但当我单击该节点时，什么也没有发生

---

我的最终目标是，当用户单击最深的节点时，我希望将

@Model.ParentCategoryID

发送给控制器，并将所有值与

@Model.ParentCategoryID

一起过滤到视图中。

使用

选择节点.jstree

处理程序：

j("#jstree_demo_div").on('select_node.jstree', function (e, data) {
    console.log(data.node.a_attr.href); // do whatever you need with this value
});

---

使用

选择节点.jstree

处理程序：

j("#jstree_demo_div").on('select_node.jstree', function (e, data) {
    console.log(data.node.a_attr.href); // do whatever you need with this value
});

---

jstree选择_节点以阻止打开。试试这个

部分视图类别儿童

@foreach (var item in Model.Children)
{
    <ul>
        @if (item != null)
        {
            <li id="@item.CategoryID">

                <a href="#" class="cat">@item.CategoryName</a>
                @if (item.Children.Count > 0)
                {
                    @Html.Partial("_CategoryChildren", item)
                }
            </li>
        }
    </ul>
}

@foreach (var item in Model.Children)
{
    <ul>
        @if (item != null)
        {
            <li id="@item.CategoryID">

                <a href="@Url.Action("Details", "Category", new { id=item.CategoryID })" class="cat">@item.CategoryName</a>
                @if (item.Children.Count > 0)
                {
                    @Html.Partial("_CategoryChildren", item)
                }
            </li>
        }
    </ul>
}

或

---

jstree选择_节点以阻止打开。试试这个

部分视图类别儿童

@foreach (var item in Model.Children)
{
    <ul>
        @if (item != null)
        {
            <li id="@item.CategoryID">

                <a href="#" class="cat">@item.CategoryName</a>
                @if (item.Children.Count > 0)
                {
                    @Html.Partial("_CategoryChildren", item)
                }
            </li>
        }
    </ul>
}

@foreach (var item in Model.Children)
{
    <ul>
        @if (item != null)
        {
            <li id="@item.CategoryID">

                <a href="@Url.Action("Details", "Category", new { id=item.CategoryID })" class="cat">@item.CategoryName</a>
                @if (item.Children.Count > 0)
                {
                    @Html.Partial("_CategoryChildren", item)
                }
            </li>
        }
    </ul>
}

或