Kendo UI Grid filter does not work

[Alex]

I have an issue with my web page that contains Kendo UI grid. In this web page, I have a top portion that uses Knockout. The bottom part of the page is a Kendo UI Grid which is from another partial page (RenderPartial)

...

<fieldset >

<div >

<span id="MyId" class="uneditable-input koeditable" data-bind="text: Name"></span>

</div>

</fieldset>

<section>

@{ Html.RenderPartial("DetailEntries", new ViewDataDictionary {{ "Id", @ViewBag.Id } });}

</section>

DetailEntries is the partial page which is a Kendo ui grid with Filterable() option.

I got an error when rendering this page. 

It happens at this knockout function

// The following function is only used internally by this default provider.

// It's not part of the interface definition for a general binding provider.

'parseBindingsString': function(bindingsString, bindingContext) {

try {

var viewModel = bindingContext['$data'];

var rewrittenBindings = " { " + ko.jsonExpressionRewriting.insertPropertyAccessorsIntoJson(bindingsString) + " } ";

return ko.utils.evalWithinScope(rewrittenBindings, viewModel === null ? window : viewModel, bindingContext);

} catch (ex) {

throw new Error("Unable to parse bindings.\nMessage: " + ex + ";\nBindings value: " + bindingsString);

}

}

Error: 

Uncaught Error: Unable to parse bindings. 

Message: ReferenceError: filters is not defined; 

Bindings value: value: filters[0].operator  

bindingsString : "value: filters[0].operator"

bindingContext: ko.bindingContext which contains the ViewModel for my top portion.

If I remove the filterable option from the Kendo UI grid, the page renders without error.

Please help.

Alex