要在设置值后从Kendo UI MultiColumnComboBox中获取选中的dataItem,可以按照以下步骤操作:
<input id="multiColumnComboBox" />
$("#multiColumnComboBox").kendoMultiColumnComboBox({
dataSource: {
transport: {
read: {
url: "data.json",
dataType: "json"
}
}
},
columns: [
{ field: "id", title: "ID" },
{ field: "name", title: "Name" },
{ field: "category", title: "Category" }
],
dataTextField: "name",
dataValueField: "id",
filter: "contains"
});
上述代码中,我们使用了一个名为"data.json"的JSON文件作为数据源,其中包含了id、name和category字段。我们将name字段设置为显示文本,id字段设置为实际值。
var comboBox = $("#multiColumnComboBox").data("kendoMultiColumnComboBox");
var selectedDataItem = comboBox.dataItem();
console.log(selectedDataItem);
上述代码中,我们首先通过jQuery选择器获取到MultiColumnComboBox的实例,然后使用dataItem()方法获取选中的dataItem对象。最后,可以将选中的dataItem对象打印到控制台或者进行其他操作。
需要注意的是,以上代码中的"data.json"文件需要根据实际情况进行修改,并保证数据源的正确性。
关于Kendo UI MultiColumnComboBox的更多详细信息和用法,请参考腾讯云官方文档中的相关介绍:Kendo UI MultiColumnComboBox
领取专属 10元无门槛券
手把手带您无忧上云