加载kendo Ui网格内的所有下拉列表

Question

我在单元格中使用了带有可编辑下拉列表的kendo UI网格。网格上的这个下拉列表仅在点击后加载数据，但我需要在页面加载时加载。但是，我设法在多个下拉列表中加载数据，但现在只加载双击。

以下是加载网格中所有下拉列表的代码

 {
                    field: 'Installer',
                    title: 'Installer Name',
                    width: 250,

                   editor: $scope.categoryDropDownEditor,
                     template: '<span class="k-widget k-dropdown k-header" style="width: 220px;"><span class="k-dropdown-wrap k-state-default k-state-hover"><span class="k-input ng-scope">#=Installer.InstallerName#</span><span class="k-select"><span class="k-icon k-i-arrow-s">select</span></span></span><input style="width: 220px; display: none;" ></span>'
                }

这是通过编辑器加载下拉列表的代码

$scope.categoryDropDownEditor = function (container, options) {
       var editor = $('<input kendo-drop-down-list   k-data-text-field="\'InstallerName\'" k-data-value-field="\'InstallerID\'"  k-data-source="ddlDataSource"  k-on-change="GetEditPriestSettings(dataItem, kendoEvent)" style="width:250px"   data-bind="value:' + options.field + '"/>')
            .appendTo(container);
    }

是否有更好的方法可以加载所有下拉菜单，还可以在单​​击时加载下拉列表。 在第二次单击下拉数据加载

Answer 1

最后，经过大量研究，手动打开kendodropdown并暂停工作。

setTimeout(function () {
            var x = $('#DropDown_' + id).data("kendoDropDownList").open();

        }, 100)