Question

我正在为我的一个列使用'ui-grid / dropdownEditor'，我想动态加载每行唯一的下拉选项。我想通过异步http调用按需动态加载下拉选项。

我尝试了以下但没有成功，

$scope.gridOptions = {
columnDefs: [
     { field: 'priority',
displayName: 'Priority',
editableCellTemplate: 'ui-grid/dropdownEditor',
editDropdownIdLabel: 'id',
editDropdownValueLabel: 'name',
    },
]}

onRegisterApi: function(gridApi) {
        gridApi.edit.on.beginCellEdit($scope, function(rowEntity, colDef) {
            if (colDef.field === "priority") {
                localServices.getPriorityById(rowEntity.id).then(function(data) {
                     colDef.editDropdownOptionsArray = data;
                });
            }
        });

对此有任何建议或帮助表示赞赏。

Answer 1

您应该查看editDropdownRowEntityOptionsArrayPath而非editDropdownOptionsArray

的使用情况

editDropdownRowEntityOptionsArrayPath可以用作替代方法 editDropdownOptionsArray当下拉列表的内容依赖时支持该行的实体。

以下是tutorial

的链接

Angularjs：每行的UI-Grid动态下拉列表

1 个答案: