Kendo UI Grid Pass参数来自单元格数据的操作

时间:2014-05-08 19:03:53

标签: kendo-ui url.action

我试图找出如何从我选择的行的单元格中获取数据。我需要它作为URL.Action中的参数。有没有办法实现这个目标?如果是这样,怎么样?

以下是代码。

@(Html.Kendo().Grid(Model.dailyLogEventList)
        .Name("dailyLogGrid")
        .HtmlAttributes(new { style = "height: 360px" })
        .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(8)
        .Read(read => read.Action("DailyLogList_Read", "DailyLog"))
        )
.Columns(columns =>
{
    columns.Bound(x => x.IsEventRequired)
        .ClientTemplate("<a href='" + Url.Action("index", "IncidentReport", new { area = "DailyLog"   }) 
        + "'>" + "#= IsEventRequired ? '<img src=\"/Images/icon_edit.gif\" />' : '' #" + "</a>")
        .Width(25)
        .Title("")
        .Filterable(false);
    columns.Bound(x => x.LogId).Width(25).Title("Id");
    columns.Bound(x => x.StartDate).Title("Started").Format("{0:MM/dd/yyyy HH:mm}").Width(60).Sortable(true);
    columns.Bound(x => x.EventDescription).Title("Event").Width(120).Filterable(filterable => filterable.UI("eventDescFilter"));
    columns.Bound(x => x.Comments).Title("Comments").Width(200);
    columns.Bound(x => x.RespondingOfficers).Title("Officer(s)").Width(190);
    columns.Command(command => command.Custom("Edit").Click("loadDataForEdit")).Width(20)
        .HtmlAttributes(new { style = "text-decoration:none; text-align:right;" })
        ;

})
    .Pageable()
    .Selectable(s => s.Mode(GridSelectionMode.Single))
    .Filterable()

        )

1 个答案:

答案 0 :(得分:0)

您可以从以下JQuery代码中访问选定的单元格信息。

$('#dailyLogGrid).click(function () {
        var gview = $(this).data("kendoGrid");
        var selectedItem = gview.dataItem(gview.select());
        var cellValue= selectedItem.PropertyName;
        $("#HiddenField").val(cellValue); //Store value in hidden field
    })

  @Html.Hidden("HiddenField")

请查看以下帖子以获取您的URL值。操作时,需要使用FormCollection。

reading hidden field value in action?