Question

_Layout.cshtml包含RenderBody()，它从Index.cshtml处的视图生成内容。

Index.cshtml有一个很大的脚本，用jQuery加载jstree。

$('#tree').jstree({
        "plugins": ["search", "wholerow", "dnd", "contextmenu", "massload", "search", "types"],
        'core': {
            "check_callback": true, // enable all modifications, tweak for rules.
            'data': {
                'url': function (node) {
                    return node.id === '#' ? "/Home/GetRoot" : "/Home/GetChildren/" + node.id;
                },
                'data': function (node) {
                    return { 'id': node.id };
                }
            }
        }
    });

changed.jstree上的事件捕获有关所选节点的信息。我想在树下渲染一个视图，其中包含可编辑的表单，允许对树执行CRUD操作。

$('#tree').on("changed.jstree", function (e, data) {
    $.ajax({
            type: "GET",
            url: "/Home/GetNodeInformation/" + data.selected,
            data: '{id: "' + data.selected + '" }',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                if (response['node_type'] == 'Portfolio') {
                    $('#nodeinfo').load('@Url.Action("GetPortfolioDetails", "Portfolio")');
                }
                console.log(response['node_type'])
            },
            failure: function (response) {
                alert(response.responseText);
            },
            error: function (response) {
                alert(response.responseText);
            }
        });
    });

渲染树和树上的事件效果很好，我相信这是因为RenderBody正在正常运行。

但是我打来电话

$('#nodeinfo').load('@Url.Action("GetPortfolioDetails", "Portfolio")');

整个页面在该div中再次呈现。

问题-由于我的应用程序是单页应用程序，如何正确管理布局文件中的占位符以处理不同的呈现部分？在这种情况下，我看不到如何渲染树及其下方的详细信息窗格，因为它们是相互连接的。我不认为我可以在这种情况下使用RenderBody，并且很难用jQuery快速生成表单。

ASP.NET Core MVC-在RenderBody（）中呈现视图

0 个答案: