select the row when activating checkbox kendo grid

0

Hi, I would like to know how to select the row to which the activated checkbox belongs to kendo UI grid

grid code:

@(Html.Kendo().Grid<Ttraslados.ViewModels.ServiciosViewModel>()
                            .Name("grid")
                            .Columns(columns =>
                            {

                                columns.Bound(c => c.Selected).ClientTemplate("<div class='actinoid'><div class='col-sm-12'><div class='checkbox-slider checkbox-success'><label><input class='checkbox' type='checkbox'><span></span></label></div></div></div>").Title("Seleccion").Width(105);
                                columns.Bound(c => c.ServicioId).Hidden();
                                columns.Bound(c => c.Booking).HeaderHtmlAttributes(new { style = "text-align:center" });
                                columns.Bound(c => c.Nombre_cliente).Title("Nombre del cliente").HeaderHtmlAttributes(new { style = "text-align:center" });
                                columns.Bound(c => c.Hora_vuelo).Title("Hora de vuelo").Format("{00:hh:mm tt}").HeaderHtmlAttributes(new { style = "text-align:center" });
                                columns.Bound(c => c.Hora_pickUp).Title("Hora de PickUp").Format("{00:hh:mm tt}").HeaderHtmlAttributes(new { style = "text-align:center" });
                                columns.Bound(c => c.Pax_por_asignar).Title("Pax por asignar").Width(130).HeaderHtmlAttributes(new { style = "text-align:center" });
                                columns.Bound(c => c.HotelNombre).Title("Hotel").HeaderHtmlAttributes(new { style = "text-align:center" });
                            })
                                    .HtmlAttributes(new { style = "height: 400px; width: 125%; text-align:center;", id = "s_tbody" })
                                    .Scrollable()
                                    .Sortable()
                                    .Editable(editable => editable.Mode(GridEditMode.InCell))
                                    .Selectable(selectable => selectable
                                    .Mode(GridSelectionMode.Multiple)
                                    .Type(GridSelectionType.Row))
                                    .Deferred()
                                    .Pageable(pageable => pageable
                                    .Refresh(true)
                                    .PageSizes(true)
                                    .ButtonCount(5))
                                    .DataSource(dataSource => dataSource
                                    .Ajax()
                                    .Model(s =>
                                    {
                                        s.Id(r => r.ServicioId);
                                        s.Field(r => r.Selected).Editable(false);
                                        s.Field(r => r.Booking).Editable(false);
                                        s.Field(r => r.Nombre_cliente).Editable(false);
                                        s.Field(r => r.Hora_vuelo).Editable(false);
                                        s.Field(r => r.Hora_pickUp).Editable(false);
                                        s.Field(r => r.HotelNombre).Editable(false);
                                    })
                                    .Read(read => read.Action("S_Grid", "Ttraslados", new { id = ViewBag.id }))
                                    .PageSize(20)
                                    )
    )
</div>
    
asked by Pedro Luis SC 16.05.2018 в 19:44
source

0 answers