如何从kendoui网格打开细节弹出窗口

Question

我正在尝试打开详细信息弹出窗口，以显示有关kendoUI网格中记录的更多详细信息。

我见过这个样本：http://demos.kendoui.com/web/grid/detailtemplate.html

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

我该怎么做？

Answer 1

Kendo Grid有自己的弹出式编辑表单，可以使用模板进行自定义。

http://demos.telerik.com/kendo-ui/grid/editing-popup

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-editable.template

Answer 2

您是否看过自定义弹出窗口示例？

http://demos.kendoui.com/web/grid/custom-command.html

Answer 3

非常简单。订阅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"
                            }
                        ]
                    });
                });​