Question

我是刚开始使用Kendo UI for JQuery，

我有一个kendoGrid，我正在尝试编辑行。我正在使用弹出式编辑器。该行中的一列是一个下拉列表，并且每行应该不同。我在控制器中编写了一个方法，该方法根据传递的参数实际获取新的下拉列表。我无法为每行重新加载下拉列表。它只执行一次。

请在下面找到代码。

    $("#test").kendoGrid({
                        dataSource: entriesDataSource,
                        pageable: true,
                        sortable: true,
                        selectable: "single row",
                        columns: [
                            {
                                field: "RequiredText",
                                title: "Required Text",
                                editor: singleSelectRequiredTextEditor
                            },
                                { command: ["edit"], title: "&nbsp;" },
                        ],
                        editable: "popup"
                    });
                };


    var singleSelectRequiredTextEditor = function (container, options) {
                    $('<input data-bind="value:' + options.field + '"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            suggest: true,
                            dataSource: getRequiredTextList,
                        });
                };

    var getRequiredTextList = new kendo.data.DataSource({
        transport: {
            read: {
                url: $.getActionUrl('GetRequiredTextList'),
                dataType: "json",
                data: function () {
                    return {
                        param1: sname,
                        param2: rname
                    };
                }
            }
        }
    });

任何帮助将不胜感激。谢谢。

Answer 1

我建议添加grid edit event，然后通过使用e.container.cellIndex和refreshing下拉菜单来检查要编辑的列是否是带有下拉菜单的列。

edit: function(e) {
     if (e.container.cellIndex == 1) 
     {                                               
       e.container.find("input[name=Category]")
        .data("kendoDropDownList").refresh();
     }
},

如何在Kendo Grid Editor中刷新下拉列表

1 个答案: