MVC ListView Filter

[Stephen Graham]

Is it possible to filter an MVC Listview based on text entered into a textbox? if so how would one go about doing so?

for example a listview that returns over 400 records, and needs to be searchable.

[Nikolay Rusev]

Hello Stephen,

Using DataSource.filter you can reduce the amount of items listed in the ListView widget. 

Regards,
Nikolay Rusev
Telerik

[Stephen Graham]

ok, I have some code. It's trying to filter but giving me the error  "Invalid property or
field - 'undefined' for type: list_result Source: Kendo.Mvc Method:
System.Linq.Expressions.Expression
CreateMemberAccessExpression(Kendo.Mvc.Infrastructure.Implementation.Expressions.IMemberAccessToken,
System.Linq.Expressions.Expression) "


Code: 
@Html.TextBox("SearchBox") <button id="btnSearch">Filter</button>
<script>
$('#btnSearch').on("click", function (e) {

refreshList();

return false;

});

function refreshList() {
$filter = new Array();
$filter.push({ field: "searchname", operator: "contains", value: $('SearchBox').val() });

var list = $("#listView").data("kendoListView");
list.dataSource.filter($filter);

}
</script>
<div class="clientList">
@(Html.Kendo().ListView<MyModel>(Model)
.Name("listView")
.TagName("div")
.ClientTemplateId("template")
.DataSource(dataSource =>
{
dataSource.Read(read => read.Action("MyAction", "MyController"));
dataSource.PageSize(15);
})
.Navigatable()
.Pageable()

)
</div>

[Stephen Graham]

I shall answer myself. I'd missed the # in the $('#SearchBox')

working fine now.