KendoUI Grid filter redirecting to another page

[Igor Diamant]

Something very strange is happening when I am using the filter of KendoUI Grid. My grid is very simple and the definition is like this:

        var cols = [];
        cols[0] = { field: 'name', title: 'Nome', width: "65%" };
        cols[1] = { field: 'eMail', title: 'eMail', width: "20%" };
        cols[2] = { field: 'city', title: 'Cidade', width: "15%" };
        var cfgGrid = { dataSource: dsPersons, 
                        batch: false, 
                        change: onSelectedRow,
                        selectable: "row", 
                        resizable: true, 
                        scrollable: true, 
                        sortable: { mode: 'multiple', allowUnsort: true }, 
                        filterable: true, 
                        editable: false, 
                        pageable: { numeric: false }, 
                        columns: cols };
        gridPessoas = null;
        gridPessoas = $("#gridElem").kendoGrid(cfgGrid).data("kendoGrid");
The grid is displayed correctly in url: 

http://localhost:50409/#/personsView

But when I try to filter any column kendoUI redirects to a page:
http://localhost:50409/undefined?

The Datasource was defined like that:
var ds = { data: persons,
           schema: model,
           filter: {},
           serverPaging: false,
           serverFiltering: false,
           pageSize: 12 };

The grid is ok and the error only occurs when I define a filter value and click on the filter button.

This is an ASP.NET MVC 4 site. I cannot imagine what is going on.

Can you help me ???

Thanks in advance

[Igor Diamant]

I have discovered the problem.

I am working with Sammy that is a javascript framework that allows us to define routes and each time a new location is defined Sammy set window.location to the new location.

I have just started to work with Sammy so I cannot give you more details. But when I select a  KendoUI filter the "setLocation" Method of Sammy is called with a new location equal to "undefined?".

As you can see all my interaction with Kendo controls is local. My application loads all the JSON, creates the datasource and binds to the grid. So I cannot understand why is Kendo Grid redirecting to an URL. I am setting explicitily the serverFiltering to false. 

I do not know why is KendoUI causing this kind of behaviour but this is the real problem. I have just bought KendoUI and I would like to know how to proceed.

If someone from Telerik is reading please give me a workaround so that I can use the native Kendo filter in my application. By now I will try to block this url in Sammy, but, as I told you, I am new to Sammy and I must ask the Sammy development people how can I do it.

Thanks

[Nikolay Rusev]

Hello Igor,

We are not aware of what exactly Sammyjs may break in our Grid widget. One thing that comes into my mind is that it can wire some handlers(click/mousedown) before Kendo Grid. This can possible cause Sammyjs scripts to execute their default actions and prevent Grid actions to execute.

That said you should definitely see what there docs/support is for such scenarios. 

Regards,
Nikolay Rusev
the Telerik team

[Igor Diamant]

Hi Nikolay,

For now I have blocked the /undefined? route, it is working now. I will check with Sammy people what can be done.

Thanks for you answer