javascript - 带有控制器和动作的 Telerik Kendo UI 菜单

Question

我正在尝试从 JSON 数据实现 Kendo UI 菜单绑定。

现在，我仅根据我的 JSON 数据获得与控制器值的链接。

例如我在href中得到这个

href="/会员管理"

MemberManagement 是 Controller 的名称

有什么办法我也可以添加带有动作的控制器

这是我正在使用的视图代码

 <script>
$(document).ready(function () {
$("#menu1").kendoMenu({ dataTextField: "TitleText", dataSource: { transport: { read: { url: "@Url.Action("GetMenuData", "Home")", dataType: "json" } }, schema: { model: { id: "id", hasChildren: "hasChildren", action: "Link" } } } })

    $("#menu1").kendoMenu({
        dataTextField: "TitleText",


        dataSource: {
            transport: {
                read: {
                    url: "@Url.Action("GetList", "Test")",
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    id: "id",
                    hasChildren: "hasChildren",
                    ActionName: "ActionName",
                    ControllerName:"ControllerName"

                }
            }

        }
    })
});
$("#menu1").kendoMenu({
    select: onSelect
});

function onSelect(e) {



    alert("Selected: " + $(e.item).children(".k-link").text());
    alert("Selected: " + $(e.item.action).children(".k-link").text());
}

我的 JsonData

[{"id":"1","ParentID":"0","TitleText":"Web 应用程序","ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true}, {"id":"59","ParentID":"0","TitleText":"App Application","ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true},{ "id":"62","ParentID":"0","TitleText":"Driving Application","ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true},{" id":"63","ParentID":"0","TitleText":"Test 15Dec","ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true},{"id":"68","ParentID":"0","TitleText":"Driving Licence","ControllerName ":"MemberManagement","ActionName":"Index","hasChildren":true},{"id":"69","ParentID":"0","TitleText":"Tariq-Jan-04-2020 ","ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true},{"id":"71","ParentID":"0","TitleText":"父节点" ,"ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true},{"id":"75","ParentID":"0","TitleText":"Rheem Doc","ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true},{"id ":"80","ParentID":"0","TitleText":"Member Portal","ControllerName":"MemberManagement","ActionName":"Index","hasChildren":true}]MemberManagement","ActionName":"Index","hasChildren":true}]MemberManagement","ActionName":"Index","hasChildren":true}]

标签： javascriptkendo-uitelerikkendo-menu