加载剑道 Ui 网格内的所有下拉菜单答案

【问题标题】：Load all dropdown inside kendo Ui grid加载剑道 Ui 网格内的所有下拉菜单
【发布时间】：2017-10-25 09:38:47
【问题描述】：

我在单元格中使用带有可编辑下拉菜单的剑道 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);
    }

有没有更好的方法来加载所有下拉菜单并在单击时加载下拉菜单。在第二次点击下拉数据加载

【问题讨论】：

在下拉小部件上尝试使用属性autoBind: true。您可以在小部件的官方文档中找到有关此属性的更多信息。

标签： angularjs kendo-ui kendo-ui-grid

【解决方案1】：

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

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

        }, 100)

【讨论】：