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