Rank 1
There is only one workaround that I found that made it work 100% of the time: Force IE-7 compatibility mode in the HTML. That workaround is not preferable.
Any ideas?
UPDATE: Removed references to a second workaround, which on further testing did not end up working.
Here's my HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>New Project</title>
<script type="text/javascript" src="/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/Scripts/kendo.all.min.js"></script>
<link type="text/css" href="/Content/kendo.common.min.css" rel="stylesheet"/>
<link type="text/css" href="/Content/kendo.custom.min.css" rel="stylesheet"/>
</head>
<body>
<input id="ContactDescription" name="ContactDescription" type="text" value="" />
<script type="text/javascript">
$(document).ready(function () {
var contactAutoCompleteDataSource = new kendo.data.DataSource({
transport: {
read: {
url: "/Ajax/EmployeesList",
dataType: "json",
data: {
showAll: function () {
return $('#showAll').is(':checked');
}
}
}
},
change: function (e) {
//alert('Total records: ' + contactAutoCompleteDataSource.total()); // This displays ~500
}
});
$('#ContactDescription').kendoAutoComplete({
minLength: 2,
filter: "contains",
dataTextField: "title",
dataSource: contactAutoCompleteDataSource
});
$('#showAll').click(function (e) {
contactAutoCompleteDataSource.read();
});
});
</script>
</body>
</html>
1 Answer, 1 is accepted
Your configuration is not using server filtering which means that the autocomplete will hit the service only one time. If you want the service to be hit every time you should enable server filtering:
var contactAutoCompleteDataSource = new kendo.data.DataSource({
serverFiltering: true,
transport: {
read: {
url: "/Ajax/EmployeesList",
dataType: "json",
data: {
showAll: function () {
return $('#showAll').is(':checked');
}
}
}
},
change: function (e) {
//alert('Total records: ' + contactAutoCompleteDataSource.total()); // This displays ~500
}
});
Atanas Korchev
the Telerik team