Question

在create.jstree上的.bind中的$ .ajax调用中，一切似乎都是正确的。但是，由于某种原因，对控制器的调用（我使用的是MVC 3）并没有发生。我在一个由ajax调用引用的POST函数上设置了一个断点，但它甚至都没有被调用。这让我相信bind和ajax调用的组合有问题，这会阻止post函数被调用。我很感激这个建议。

jstree代码：

        $("#RequirementsTree")
    .bind("select_node.jstree", function(event, data) {
            if(is_requirement_node(data))
            {
                var id = data.rslt.obj.attr("id");

                if(id != null)
                {
                    $("#RequirementsTree").jstree('close_all')
                }
                else {
                    alert("Requirement node select error");
                }
            }
     })
    .bind("create.jstree", function(e, data) {
        alert(data.rslt.obj.text());
        alert(ParentNode);
        // Ajax call to Server with parent node id and new node text
        debugger;
        $.ajax({
            type: "POST",
            url: function(node) {
                return "/RMS/insertRequirementNode";
            },
            data: {
                    ParentID : ParentNode,
                    ChildNodeText : data.rslt.obj.text()
            },
            success: function(new_data) {
                return new_data;
            }   
        });
        ParentNode = null;
        if (data.rslt.parent == -1) {
            alert("Can not create new root directory");
            // Rollback/delete the newly created node
            $.jstree.rollback(data.rlbk);
            return;
        }
                BranchReqFLag = null;
    }).jstree({
        json_data: {
            data: RBSTreeModel,
            ajax: {
                type: "POST",
                data: function (n) {
                    return {
                        NodeID: n.attr("id").substring(4),
                        Level: n.attr("name").substring(7)
                    };
                },
                url: function (node) {
                    return "/Audit/GetRequirementsTreeStructure";
                },
                success: function (new_data) {
                    return new_data;
                }
            }
        },
        contextmenu: {
            items: function($node) {
                    return {
                        createItem : {
                            "label" : "Create New Branch",
                            "action" : function(obj) { this.create(obj); BranchReqFlag = "Branch"; ParentNode = obj.attr("id").substring(4);}
                        },
                        renameItem : {
                            "label" : "Rename Branch",
                            "action" : function(obj) { this.rename(obj);}
                        }
                    };
            }
        },
        plugins: ["themes", "json_data", "ui", "crrm", "contextmenu"]
    });

控制器POST功能：

        [AllowAnonymous]
    [HttpPost]
    public int insertRequirementNode(int ParentID, string ChildNodeText)
    {
        RBSText CurrNode = new RBSText();
        int CurrentNodeID = -1;

        //CurrNode.RMSHierarchyText = ChildNodeText;
        using (Contract ActiveContract = getContract())
        {
            try
            {
                // Inserts the new node beneath the Parent Node
                CurrentNodeID = ActiveContract.CreateRMSNode(CurrNode, ActiveContract.ContractId, ActiveContract.user_id, 2, "Child");
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }
        return CurrentNodeID;
    }

Answer 1

$.ajax()功能中指定的网址可能有误。使用@Url.Content()和服务器根通配符：~作为URL的前缀，因此无论您的应用程序如何部署，您的URL始终引用正确的服务器根路径，这假设您正在设置您在Razor View中的jstree，这样您就可以访问Razor Engine了：

   $.ajax({
        type: "POST",
        url: "@Url.Content("~/RMS/insertRequirementNode")",
        data: {
                ParentID : ParentNode,
                ChildNodeText : data.rslt.obj.text()
        },
        success: function(new_data) {
            return new_data;
        }   
    });

如果要在.js文件中设置jstree，则需要先将服务器根存储在Razor View中定义的javascript变量中，然后再引用该变量。

对于上下文菜单的“create.jstree”，JSTree中的Ajax调用不起作用

1 个答案: