Kendo 文件上传控件在编辑弹出窗口中获取网格行 ID

Question

我有一个 Kendo 网格，编辑是通过弹出窗口 window 完成的。

在弹出窗口中 window 我有一个 Kendo 文件上传控件。我想发送网格行 ID（或行的唯一标识符）以在我的 ASP.NET MVC 控制器中上传文件操作。这是我编辑弹出窗口中的代码：

<div class="editor-field">
    @(Html
        .Kendo()
        .Upload()
        .Name("PdfModifiedDate")
        .Multiple(false)
        .Async(a => a
                .Save("UploadFile","Home")
        )
        .Events(events => events
            .Upload("OnImageUpload")
        )
    )
</div>

如您所见，我必须使用事件 "OnImageUpload" 来传递我的 ID。正如您在下面的代码中看到的，我尝试访问我需要的属性，但我得到了 "undefined"。

function OnImageUpload(e) {
    console.log(e.container);

    var uid = $(e);
    //var publication = $('#grid').data("kendoGrid").dataSource.getByUid(uid);
    //var id = publication.DocumentUpdateId;

    console.log(uid);
    //console.log(publication);
    //console.log(id);
    //e.data = { docUpdateId: id };
}

我通过"Inspect element"看到我需要的ID被隐藏了但是我无法访问它。

有什么方法可以访问文件上传事件中的网格行 ID？

Answer 1

使用 Chrome 开发工具查看编辑对话框后，我获得了对编辑对话框的引用。这不是理想的做事方式，但对我有用。

function OnImageUpload(e) {

   var id = $("#grid").getKendoGrid()._editContainer.find("#DocumentUpdateId").val();

   e.data = { docUpdateId: id };

   console.log(e);
}

Kendo 文件上传控件在编辑弹出窗口中获取网格行 ID

Kendo File Upload control get grid row ID in edit pop up

kendo-ui

kendo-grid

kendo-asp.net-mvc