grid - new - Cómo abrir una ventana emergente de detalles de una grilla de kendoui

kendo ui

Question

Estoy tratando de abrir una ventana emergente de detalles para mostrar más detalles sobre un registro en una grilla kendoUI.

He visto esta muestra: http://demos.kendoui.com/web/grid/detailtemplate.html

Pero en lugar de una grilla, me gustaría abrir una ventana emergente que pase la ID del registro seleccionado.

¿Cómo puedo hacer esto?

Answer 1

Muy claro. Suscríbete al evento onChange y alerta la identificación seleccionada. Supongo que te refieres al ID de atributo. :

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"
                            }
                        ]
                    });
                });​

Answer 2

¿Has visto el ejemplo emergente personalizado?

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

Answer 3

El Kendo Grid tiene su propio formulario de edición emergente que se encarga de eso y también se puede personalizar con una plantilla.

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

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