KendoAutoComplete - Selecteditem Id

时间:2012-12-13 06:03:18

标签: jquery kendo-ui

使用数据库中的KendoAutoComplete控件和绑定值。

然后,当我尝试在此处检索值时,我将获得所选文本。

有人可以建议我如何获取所选项目的ID吗?

1 个答案:

答案 0 :(得分:0)

您可以使用选择下拉列表项的Select事件并设置自动填充的文本。

// get a reference to the autocomplete widget
var autocomplete = $("autocomplete").data("kendoAutoComplete");

// selects by jQuery object
autocomplete.select(autocomplete.ul.children().eq(0));

http://docs.kendoui.com/documentation/api/web/autocomplete#select

http://demos.kendoui.com/web/autocomplete/events.html

修改:尝试处理select事件

      $("#products").kendoAutoComplete({
                    dataSource: data,
                    select: onSelect
                    });

然后:

  function onSelect(e) {
                        if ("kendoConsole" in window) {
                            var dataItem = this.dataItem(e.item.index());
                            kendoConsole.log("event :: select (" + dataItem + ")" );
                        }
                    }

现在您可以获得项目的索引,如第二个链接