Asp.net mvc 5 单击上下文菜单中的某个选项后，需要打开剑道UI模式窗口

我正在MVC视图上为剑道ui网格创建上下文菜单。关联菜单将包含添加、编辑和删除li项。单击Add选项将打开mvc razor视图作为模态。编辑和删除也是如此。我知道kendo提供了kendo.window作为模态打开。我如何从上下文菜单中调用它。我需要在局部视图中创建模式窗口还是剑道窗口。有人能给我举个相关的例子，让我了解一些方向吗。我看到的最接近的例子是使用剑道MVC控件。我正在寻找使用kendoui jquery的示例

查看

@Html.Partial("~/Views/Admin/_AdminMenu.cshtml");


<div id="grid" class="grids"></div>

<div id="accessDiv" style=" width 100%; height 100%; background-color #fff;">
    <label>Enter access key</label>
    <input type="text" />
    <input type="button" title="Enter" value="Enter" />
</div>

<ul id="contextMenu">
    <li>Add</li>
    <li class="k-separator"></li>
    <li>Edit</li>
    <li class="k-separator"></li>
    <li>Delete</li>
</ul>

@section scripts{

<script>

    $(document).ready(function () {


        var requests = [
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ranjit Ravindranath Menon", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
              { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ranjit Ravindranath Menon", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" },
            { requestId: "337", activity: "Set Up Billing", team: "Charge Maint", priority: "x", customer: "Audi", custId: "25897895", primeBL: "WP", salesOffice: "3100", createdDate: "14/02/2017", requiredBy: "18/02/2017", createdBy: "Ralf Klein", withName: "Ingri Schmidt", status: "Complete" }
        ];

        var requestDataSource = new kendo.data.DataSource({ data: requests, pageSize: 20, sort: { field: "requestId", dir: "asc" } });
        requestDataSource.read();

        $("#grid").kendoGrid({
            dataSource: requestDataSource,
            columns: [
                { field: "requestId", title: "Request", width:"110px" },
                { field: "activity", title: "Activity", width: "110px" },
                { field: "team", title: "Team", width: "110px" },
                { field: "priority", title: "Priority", width: "110px" },
                { field: "customer", title: "Customer", width: "130px" },
                { field: "custId", title: "Cust ID", width: "120px" },
                { field: "primeBL", title: "Prim BL", width: "120px" },
                { field: "salesOffice", title: "Sales Office", width: "140px" },
                { field: "createdDate",title: "Created", width: "120px" },
                { field: "requiredBy", title: "Required By", width: "140px" },
                { field: "createdBy", title: "Created By", width: "140px" },
                { field: "withName", title: "With", width: "110px" },
                { field: "status", title: "Status", width: "100px" }
                //{ command: ["edit", "destroy"], width: "250px" }
            ],

            scrollabe:false,
            pageable: true,
            sortable:true,
            //groupable: true,
            filterable: true,
            editable: "inline",
            reorderable: true

        });


        $("#contextMenu").kendoContextMenu({
            target: "#grid",
            alignToAnchor: false
        });


        var accessWindow = $("#accessDiv").kendoWindow({
            actions: {}, /*from Vlad's answer*/
            draggable: true,
            height: "300px",
            modal: true,
            resizable: false,
            title: "Access",
            width: "500px",
            visible: false /*don't show it yet*/
        }).data("kendoWindow").center().open();

        accessWindow.data("kendoWindow").center();
        accessWindow.data("kendoWindow").open();


    });

</script>




}

@Html.Partial（“~/Views/Admin/_AdminMenu.cshtml”）；
输入访问密钥

加

编辑

删除

@节脚本{
$（文档）.ready（函数（）{
var请求=[
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“Ranjit Ravindranath Menon”，姓名：“Ingri Schmidt”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“Ranjit Ravindranath Menon”，姓名：“Ingri Schmidt”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{请求ID:“337”，活动：“设置账单”，团队：“充电维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，创建日期：“14/02/2017”，请求人：“18/02/2017”，创建人：“拉尔夫·克莱恩”，姓名：“英格里·施密特”，状态：“完成”}，
{requestId:“337”，活动：“设置账单”，团队：“收费维护”，优先级：“x”，客户：“奥迪”，客户ID:“25897895”，primeBL:“WP”，销售办公室：“3100”，createdDate:“14/02”/