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

问题描述 投票:2回答:1

我在我的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函数上手动过滤自动完成服务器,请帮忙。

kendo-ui kendo-asp.net-mvc kendo-autocomplete
1个回答
6
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.