Grid 如何从kendoui网格打开详细信息弹出窗口

Grid 如何从kendoui网格打开详细信息弹出窗口,grid,kendo-ui,Grid,Kendo Ui,我正在尝试打开一个详细信息弹出窗口,以显示kendoUI网格中记录的更多详细信息 我看过这个例子: 但是我想打开一个弹出窗口,传递所选记录的ID,而不是网格 我该怎么做呢?非常简单。订阅onChange事件并通知所选id。我假设您指的是属性id: function onChange(arg) { var selected = $.map(this.select(), function(item) { return $(item).attr(

我正在尝试打开一个详细信息弹出窗口,以显示kendoUI网格中记录的更多详细信息

我看过这个例子:

但是我想打开一个弹出窗口,传递所选记录的ID,而不是网格


我该怎么做呢?

非常简单。订阅onChange事件并通知所选id。我假设您指的是属性id:

function onChange(arg) {
    var selected = $.map(this.select(), function(item) {
                        return $(item).attr("id");
                    });

                   alert(selected);
                }

$(document).ready(function() {
                    $("#grid").kendoGrid({
                        dataSource: {
                            data: createRandomData(50),
                            pageSize: 5
                        },
                        change: onChange,
                        columns: [
                            {
                                field: "FirstName",
                                title: "First Name"
                            },
                            {
                                field: "LastName",
                                title: "Last Name"
                            },
                            {
                                field: "Age"
                            }
                        ]
                    });
                });​

您看到自定义弹出窗口示例了吗


剑道网格有自己的弹出式编辑表单,可以处理这个问题,也可以使用模板进行自定义