无法使动态下拉列表在Kendo网格行中工作

var dropdownDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "your-data-source-url",
            dataType: "json"
        }
    }
});

$("#grid").kendoGrid({
    dataSource: {
        // ... your data source configuration ...
    },
    columns: [
        {
            field: "YourField",
            title: "Your Field",
            editor: function(container, options) {
                $('<input name="' + options.field + '"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        dataSource: dropdownDataSource,
                        dataTextField: "Text",
                        dataValueField: "Value"
                    });
            }
        },
        // ... other columns ...
    ],
    editable: true
});

<script id="rowTemplate" type="text/x-kendo-template">
    <tr>
        <td>
            <input name="YourField" data-bind="value: YourField" />
        </td>
        <!-- ... other cells ... -->
    </tr>
</script>

$("#grid").kendoGrid({
    dataSource: {
        // ... your data source configuration ...
    },
    columns: [
        {
            field: "YourField",
            title: "Your Field",
            template: "#= YourField #",
            editor: function(container, options) {
                $('<input name="' + options.field + '"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        dataSource: dropdownDataSource,
                        dataTextField: "Text",
                        dataValueField: "Value"
                    });
            }
        },
        // ... other columns ...
    ],
    editable: true
});

dropdownDataSource.fetch().then(function() {
    // Rebind the grid or refresh the dropdown list
    $("#grid").data("kendoGrid").dataSource.read();
});