An example cloned from official docs https://dojo.telerik.com/@merogos/EzEtoSuF
<!DOCTYPE html>
<
br
>
<
html
><
br
><
head
><
br
> <
meta
charset
=
"utf-8"
/><
br
> <
title
>Kendo UI Snippet</
title
><
br
><
br
> <
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.common.min.css"
/><
br
> <
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.rtl.min.css"
/><
br
> <
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.silver.min.css"
/><
br
> <
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.mobile.all.min.css"
/><
br
><
br
> <
script
src
=
"https://code.jquery.com/jquery-1.12.4.min.js"
></
script
><
br
> <
script
src
=
"https://kendo.cdn.telerik.com/2019.3.917/js/kendo.all.min.js"
></
script
><
br
></
head
><
br
><
body
><
br
> <
br
><
script
><
br
> var dataSource = new kendo.data.DataSource({<
br
> data: [<
br
> { apellido: "Lopez" },<
br
> { apellido: "Lope" },<
br
> { apellido: "Lopito" }<
br
>,<br> { apellido: "Lopito" }<br>,<br> { apellido: "Lòpez" }<br> ],<
br
> filter: { field: "apellido", operator: "contains", value: "L\u00f3p" },<
br
> accentFoldingFiltering: "es-ES"<
br
> });<
br
> dataSource.fetch(function(){<
br
> var view = dataSource.view();<
br
> console.log(view.length); // displays "0", should display 3<
br
> console.log(view[0].apellido); // Nothing<
br
> });<
br
></
script
><
br
></
body
><
br
></
html
>