选择Kendo UI网格行来填充选择菜单?

时间:2015-02-24 16:51:19

标签: javascript jquery kendo-ui kendo-grid

我有一个启用了多行选择的kendo网格;我正在尝试根据上述行选择中的一些字段填充外部选择菜单;我无处可去;可以这样做吗?小提琴的例子?

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

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

..但我无法弄清楚如何从剑道网格中获取所选数据..

1 个答案:

答案 0 :(得分:1)

该代码不是很好的IMO,因为它只依赖于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