用户停止键入后,Kendo UI MVC自动完成服务器过滤

时间:2014-08-04 06:04:36

标签: kendo-ui kendo-asp.net-mvc kendo-autocomplete

我在我的asp.net mvc应用程序中使用Kendo UI自动完成功能,Kendo自动完成回调每个密钥strock上的服务器方法,这超出了服务器请求。有没有办法使用自动完成手动回调服务器来获取数据源。

我的代码如下

 @(Html.Kendo().AutoComplete()
 .Name("patientSearch")
 .DataTextField("patientSearch")
 .MinLength(2)
 .Placeholder("Search by Lastname, Firstname or DOB")
 .HtmlAttributes(new { id = "textPatientSearch" })
 .Template("<B>${data.LastName}, ${data.FirstName} </B> - ${ kendo.toString(kendo.parseDate(data.DateOfBirth),'MM/dd/yyyy') } ")
 .DataSource(source =>
 {
    source.Read(read =>
    {
        read.Action("GetFilteredPatient", "Order").Data("onAdditionalData");
    })
    .ServerFiltering(true);
 }))

我找到了jquery解决方案,用于检查用户是否停止输入,代码如下:

$(function(){
        //setup before functions
        var typingTimer;                //timer identifier
        var doneTypingInterval = 2000;  //time in 3 ms

        //on keyup, start the countdown
        $('#textPatientSearch').keyup(function(e){
            clearTimeout(typingTimer);
            typingTimer = setTimeout(doneTyping, doneTypingInterval);
        });

        //on keydown, clear the countdown
        $('#textPatientSearch').keydown(function(){
            clearTimeout(typingTimer);
        });

        //user is "finished typing," do something
        function doneTyping () {
           **//WHAT TO DO HERE**
        }
    });

我不知道如何在doneTyping函数上手动过滤自动完成功能,请帮忙。

1 个答案:

答案 0 :(得分:6)

最后,我找到了解决方案,Kendo UI提供了 Delay (默认值:200)方法,该方法接受以毫秒为单位的整数值,等待下一个用户strock在指定的毫秒内进行最后一次击键,如果用户未能在指定的延迟时间内发送击键,则kendo自动完成会自动触发服务器过滤。