Error on Inline Editing

[BigzampanoXXl]

I am using the Kendo Grid and I want to edit the rows inline. Everything works fine, but after clicking on the row I want to edit I get an error in kedon.edidtable.js at line 165: that.binder = new Binder(container, that.options.model, settings); It says that Binder is undefinde.

Here is my code:
var gridDataSource;

        $(document).ready(function ()
        {

            gridDataSource = SimulateRestCall();

            var dataSource = new kendo.data.DataSource({
                data: gridDataSource,
                schema:
                    {
                        model:
                            {
                                id: "Id",
                                fields:
                                    {
                                        ShortName: { type: "string", validation: {required: true} },
                                        Name: { stype: "string", validation: {required: true} }
                                    }
                            }
                    },
                pageSize: 5
            });

            $("#grid").kendoGrid(
                {
                    dataSource:dataSource,
                    height: 210,
                    editable: true,
                    navigatable: true,
                    pageable: true,
                    toolbar: ["create", "save", "cancel"],
                    columns: [
                        { field: "Name", width: "120px", title: "Account Name" },
                        { field: "ShortName", width: "80px", title: "Short Name", filterable: false}]

                });
        });

I have no idea what I do wrong, thanks for your help,
Cheers

[Nikolay Rusev]

Hello,

Please make sure that you have included the binder scripts on the page, i.e kendo.binder.js or kendo.binder.min.js.

Regards,
Nikolay Rusev
the Telerik team

[BigzampanoXXl]

I have the binder.js included: See my whole (maybe needless) includes:

    <script src="Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/kendo.core.js" type="text/javascript"></script>
    <script src="Scripts/kendo.model.js" type="text/javascript"></script>
    <script src="Scripts/kendo.data.js" type="text/javascript"></script>
    <script src="Scripts/kendo.pager.js" type="text/javascript"></script>
    <script src="Scripts/kendo.sortable.js" type="text/javascript"></script>
    <script src="Scripts/kendo.popup.js" type="text/javascript"></script>
    <script src="Scripts/kendo.list.js" type="text/javascript"></script>
    <script src="Scripts/kendo.dropdownlist.js" type="text/javascript"></script>
    <script src="Scripts/kendo.calendar.js" type="text/javascript"></script>
    <script src="Scripts/kendo.datepicker.js" type="text/javascript"></script>
    <script src="Scripts/kendo.numerictextbox.js" type="text/javascript"></script>
    <script src="Scripts/kendo.filtermenu.js" type="text/javascript"></script>
    <script src="Scripts/kendo.grid.js" type="text/javascript"></script>
    <script src="Scripts/CrmRestKit.js" type="text/javascript"></script>
    <script src="Scripts/JSON2.js" type="text/javascript"></script>
    <script src="Scripts/kendo.editable.js" type="text/javascript"></script>
    <script src="Scripts/kendo.binder.js" type="text/javascript"></script>
    <script src="Scripts/kendo.validator.js" type="text/javascript"></script>

    <link href="Styles/examples-offline.css" rel="stylesheet" type="text/css" />
    <link href="Styles/examples.css" rel="stylesheet" type="text/css" />
    <link href="Styles/kendo.common.css" rel="stylesheet" type="text/css" />
    <link href="Styles/kendo.default.css" rel="stylesheet" type="text/css" /> 

[BigzampanoXXl]

Ok, it looks that something in my includes went wrong, because after I replaced it with the includes from the editing.html from the example files it works just fine.
Is there any documentation which .js file depends on which?

Thanks.

[BigzampanoXXl]

The exact problem I had was that the order of my includes at the begin of my page was not in the correct order. The kendo.binding.js was my last include but it must be included before editing.js is included.

Well as I said, documentation on this would be great, but after such "misunderstandings" this works really great, good job.

[Nikolay Rusev]

Hello Dietmar,

Indeed the kendo.editable.js should be after kendo.binder.js etc. You can check the following help article for more details:
http://www.kendoui.com/documentation/javascript-dependencies.aspx#grid

Regards,
Nikolay Rusev
the Telerik team