jquery - 剑道自动完成选择按钮单击值

标签 jquery asp.net-mvc-3 kendo-ui jquery-events

如何在单击按钮(btnSelect)时获得剑道自动完成的选定值

$(document).ready(function () {
    $("#titles").kendoAutoComplete({ 
        minLength: 3, 
        dataTextField: "SDesc", 
        dataValueField: "RefID", 
        template: '${ data.SDesc } ' + '(' + '${ data.SDate }' + ')',

        dataSource: {
            type: "odata",
            serverFiltering: true,
            serverPaging: true,
            pageSize: 20,
            transport: {
                read: "http://localhost:54329/HH_WcfDataService.svc/Product"
            }
        }
    });   

    $('#btnSelect').click(function (e){
        var onSelect = function(e) {
            // access the selected item via e.item (jQuery object)
        };

        // attach select event handler via bind()
        $("#titles").data("kendoAutoComplete").bind("select", onSelect);

        // detach select event handler via unbind()
        $("#titles").data("kendoAutoComplete").unbind("select", onSelect);
  });
});

最佳答案

使用value AutoComplete 方法以获取其值。

   $('#btnSelect').click(function (e){
        var value = $("#titles").data("kendoAutoComplete").value();

        // Use the `value`
   });

关于jquery - 剑道自动完成选择按钮单击值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13523754/

相关文章:

linq - 在 ASP.NET MVC 3 中执行动态 View 模型的最简单方法

javascript - 如何正确地在中间停止动画

javascript - asp.net mvc 通过 javascript 读取 ViewBag 通用列表

asp.net-mvc-3 - ASP.NET MVC SSL 连接的用户名和密码登录

kendo-ui - 如何更改剑道弹出编辑屏幕的大小并将其中的所有项目调整为新大小?

javascript - 剑道图表分组错误

css - Kendo UI Web - 下拉列表,每个列表项的背景颜色不同。

Javascript 幻灯片滑动

javascript - 为什么 setTimeout 阻止递归 $http.get 调用

javascript - 调用多个元素的分页不起作用,仅调用最后一个元素