选择Kendo UI网格行来填充选择菜单?
问题描述:
我有一个启用多行选择的剑道网格;我试图根据上述行选择中的几个字段填充外部选择菜单;我无处可去;这可以做到吗?小提琴的例子?选择Kendo UI网格行来填充选择菜单?
我检出了this fiddle,他们在那里根据第一个剑道网格中选择的内容填充另一个剑道网格;我想我会建立一个像选择选项:
$("#selectMenu").html("<option value=''></option>");
..但我无法弄清楚如何获得所选择的数据OUT剑道格..
答
该代码是不是很好因为它只依赖于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)
钉它!同意,我已经在使用change:event来处理几个事件,但我没有得到如何获取和循环选定的dataItem(s)..谢谢! – crunch 2015-02-24 18:02:46