javascript - 选择 Kendo UI 网格行来填充选择菜单？

Question

我有一个启用了多行选择的剑道网格；我正在尝试根据上述行选择中的一些字段填充外部选择菜单；我一事无成；这可以做到吗？ fiddle 示例？

我查看了this fiddle ，他们根据第一个剑道网格中选择的内容填充另一个剑道网格；我想我会构建选择选项，例如:

$("#selectMenu").html("<option value=''></option>");

..但我不知道如何从剑道网格中获取所选数据..

Answer 1

在我看来，该代码不是很好，因为它仅依赖于 jQuery 而不是使用网格 API。您可以使用 change事件来检测行更改，使用 select 获取选定的行方法和带有 dataItem 的数据项方法。

所以你可以从这样的事情开始:

$("#states").kendoGrid({
    selectable: "multiple",
    dataSource: {
        data: usStates
    },
    change: function() {
        var that = this;
        var html = "";
        this.select().each(function() {
            var dataItem = that.dataItem(this);
            html += "<option>" + dataItem.name +"</option>";
        });
        $("#select").html(html);
    }
});

( demo )