jquery - Kendo Grid 更改事件触发问题(当我单击一行时触发两次)

Question

剑道 UI 网格我在网格上附加了更改事件，但每次当我单击一行时它都会提醒两次。

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

网格代码

@(Html.Kendo().Grid<ETender.Mvc.Models.Region>()
                .Name("country")
                    .Columns(columns =>
                    {
                        columns.Bound(r => r.ID);
                        columns.Bound(r => r.CNAME);
                        columns.Bound(r => r.ENAME);
                    })
                    .Sortable()
                    //.Scrollable(scrollable => scrollable.Virtual(false).Height(500))
                    .Selectable()
                    .Pageable()
                    .Reorderable(reorder => reorder.Columns(true))
                    .Resizable(resize => resize.Columns(true)) 
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .ServerOperation(true)
                        .Events(ev => ev.Error("loadError"))
                        .Model(m =>
                        {
                            m.Id(p => p.ID);
                            m.Field(p => p.ID).Editable(false);
                        })
                        .Read(read => read.Action("GetRegionList", "Region")
                            .Data("function() { return {         CountryID:'0',ProvinceID:'0',CityID:'0',RegionType: 'Country'}; }")
                            )
                    )
                     .Events(events => events.Change("onChange"))

                )

谁有解决方案。

Answer 1

基本上，此行为是由于使用“alert”方法进行调试而引起的 - 请注意，不建议这样做，因为在与聚焦元素交互时，它可能会导致意外行为。替换“alert”方法并使用“debugger”命令或“console.log()”函数后，更改事件将按预期工作。