Filtering Grid 'observable' error

[BigzampanoXXl]

Hello,

I have a grid which should implement server filtering. My problem is: As soon as I activate any column to be filterable I get the following error-message:
Object doesn't support property or method 'observable'

I think I miss something. Is there anything I need to reference or are my grid-settings somehow wrong? Here is my grid (Using the latest verstion of KendoUi Professional):

$("#grid").kendoGrid(
{
    dataSource: {
        transport:
        {
            read: function (options)
            {
                var gridOptions = options.data;

                $.ajax({
                    type: "POST",
                    url: url,
                    data: JSON.stringify({ gridOptions: gridOptions }),
                    processData: false,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    xhrFields: {
                        withCredentials: true
                    },
                    async: false,
                    success: function (data)
                    {
                        var resultSet = eval('(' + data.d + ')');
                        var returnValue = resultSet.Value;

                        if (resultSet.HasMoreData)
                            returnValue.total = (options.data.page - 1) * options.data.pageSize + resultSet.Value.length + 1;
                        else
                            returnValue.total = (options.data.page - 1) * options.data.pageSize + resultSet.Value.length;

                        options.success(returnValue);
                    },
                    error: function (e)
                    {
                        alert(e);
                    }
                });
            }
        },
        schema: {
            total: 'total',
            model: {
                fields: {
                    datefield: { type: "date" }
                }
            }
        },
        pageSize: 20,
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true
    },
    filterable: true,
    pageable: {
        numeric: false,
        messages: {
            display: "{0} - {1}"
        }
    },
    dataBound: OnDataBound,
    columns: [
    {
        field: "datefield",
        title: "Date",
        format: "{0:MM/dd/yyyy}"
    }]
});

I hope someone can help me. Without the filtering-option everything works fine!

Thank you,
Best regards

[Rosen]

Hi,

Unfortunately, I'm unable to observe the error you have described using the provided information. Here is a test page which use the code snippet you have pasted. Please, take a look, maybe I'm missing something obvious.

Regards,
Rosen
Telerik

 

 

[BigzampanoXXl]

Hi Rosen,

thank you for your reply. You helped me a lot. After minifying my grid more and more I realised that somewhere else was the problem. I am referencing the js-files of kendo one by one (I don't use the kendo.all.js). I missed the reference of "kendo.binder.js" - didn't know that it's important for that. But now everything works fine..

Thank you very much!