使用服务器绑定时,如何从Kendo网格选定的行中获取数据?

时间:2014-12-18 19:11:39

标签: javascript c# asp.net-mvc kendo-grid

我有一个Kendo网格,每行都有一个按钮,我想在点击时触发一个URL动作来下载PDF文件。为了做到这一点,我需要将数据ID传递给URL操作,但是我在获取引用时遇到了很多麻烦。这是我的表定义:

@(Html.Kendo().Grid(Model.revisions)
                    .Name("RevisionsGrid")
                    .Columns(columns =>
                    {
                        columns.Bound(p => p.RevisionInfo.RevisionDate).Title("Date Modified");
                        columns.Bound(p => p.RevisionInfo.User.Name).Title("By User");
                        columns.Command(command => command.Custom("ViewPdf").Text("View PDF").Click("getPdf"));
                    })
                    .Sortable()
                    .Selectable()
                    .Events(e => e.Change("selection_change"))
                    .Pageable(p => p.PageSizes(new[] { 5, 10, 25 }))
                    .DataSource(dataSource => dataSource
                    .Server()
                    .Model(model => model.Id(p => p.RevisionInfo.Id)))

我需要引用模型的RevisionInfo.Id。我不想将其更改为Ajax绑定。

我尝试了解决方案here,但this.dataItem始终返回null。我也尝试使用对Kendo网格的引用而不是this具有相同的结果。

function getPdf(e) {
    e.preventDefault();
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    var revisionId= dataItem.RevisionId;

    window.location.href = "@Url.Action("GetPdf","Reports")?revisionId=" + revisionId; 
    }

这似乎应该很简单,但我感到茫然。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

在查询dataitem时错过了kendo网格元素:

function getPdf(e) {
   e.preventDefault();
   var dataItem = $("#RevisionsGrid").data("kendoGrid").dataItem($(e.currentTarget).closest("tr"));
   var revisionId= dataItem.RevisionId;

   window.location.href = "@Url.Action("GetPdf","Reports")?revisionId=" + revisionId; 
}
祝你好运!