Telerik mvc网格自定义命令弹出窗口

时间:2017-05-29 23:39:13

标签: c# asp.net-mvc telerik telerik-grid telerik-mvc

我在网格中有一个网格和一个自定义命令按钮。 我的目标是打开Telerik弹出窗口并将列值传递给此弹出窗口。

到目前为止,我使用自定义命令创建了一个网格,用于打开Telerik窗口。但我不知道如何将值从网格传递到弹出窗口。

网格

@(Html.Kendo().Grid<Lagerbase.Models.Artikel>()
    .Name("CompanyGrid")
    .Columns(columns =>
    {
        ....
        columns.Bound(o => o.Id);
        columns.Command(command => command.Custom("Buchen").Click("Buchen"));
    }
    ...
 )

弹出窗口

(Html.Kendo().Window()
    .Name("window")
    .Title("About Alvar Aalto")
    .Content(@<text>
        <h4>Id: (this is where I want to display the Id from the grid)</h4>
    </text>)
    .Resizable()
    .Width(600)
    .Visible(false)
    .Actions(actions => actions.Pin().Minimize().Maximize().Close())
)

JavaScript函数

<script>
    function Buchen(e) {
        e.preventDefault();

        $("#window").data("kendoWindow").center().open();
    }
</script>

在弹出窗口中,我根据按下的按钮标记了我想要传递列值的区域。提前谢谢!

1 个答案:

答案 0 :(得分:0)

您可以在javascript中获取当前数据项,然后从中获取id属性。

 var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
$("#lblMyValue").text(dataItem.Id);