Question

我正在使用Kendo控件（特别是Grid和Drop Down Lists）。

由于Kendo Grid组件上没有用于双击事件的内置处理程序，我编写了一些JQuery来解决这个问题。

从检查浏览器控制台，我可以看到触发的双击事件以及从网格中提取的相关数据项。

问题在于双击功能中调用的applySelections。我想根据所选行的数据从六个Kendo Drop Downs中预先选择值。在此之后，我会在每个下拉列表中触发change事件以应用相关过滤器。

$(document).ready(function () {
    var grid = $("#grid").data("kendoGrid");
    grid.tbody.on("dblclick", "tr", function (e) {
        var test = grid.dataItem(this);
        applySelections(grid.dataItem(this));            
    });

    function applySelections(item) {
        $('#ddl1').data('kendoDropDownList').select(function (dataItem) {
            return dataItem.ID === item.subItems[0].ID;
        });
        $('#ddl2').data('kendoDropDownList').select(function (dataItem) {
            return dataItem.ID === item.subItems[1].ID;
        });
        $('#ddl3').data('kendoDropDownList').select(function (dataItem) {
            return dataItem.ID === item.subItems[2].ID;
        });
        $('#ddl4').data('kendoDropDownList').select(function (dataItem) {
            return dataItem.ID === item.subItems[3].ID;
        });
        $('#ddl5').data('kendoDropDownList').select(function (dataItem) {
            return dataItem.ID === item.subItems[4].ID;
        });
        $('#ddl6').data('kendoDropDownList').select(function (dataItem) {
            return dataItem.ID === item.subItems[5].ID;
        });

        $("#ddl1").data("kendoDropDownList").trigger("change");
        $("#ddl2").data("kendoDropDownList").trigger("change");
        $("#ddl3").data("kendoDropDownList").trigger("change");
        $("#ddl4").data("kendoDropDownList").trigger("change");
        $("#ddl5").data("kendoDropDownList").trigger("change");
        $("#ddl6").data("kendoDropDownList").trigger("change");
    }
}

在第一次双击时，我已经跟踪了代码并且可以看到正在执行的初始双击功能。但是，select函数中的applySelections个事件都没有被触发。下一次，为每个下拉列表执行相同的代码，并观察预期的结果。

Answer 1

经过进一步检查，解决方案结果相对简单（而且显而易见）。下拉控件autoBind值设置为false，这意味着我的select个事件与select无关。

更改：

var ddl1 = $("#ddl1").kendoDropDownList({
    autoBind: false
    ...
}).data("kendoDropDownList");

为：

var ddl1 = $("#ddl1").kendoDropDownList({
    autoBind: true
    ...
}).data("kendoDropDownList");

每个Drop Down控件的

强制在页面加载时填充dataSource。

我很惊讶在尝试选择尚不存在的元素时没有收到任何Web浏览器错误。

功能不是第一次开火

1 个答案: