This is a migrated thread and some comments may be shown as answers.

Error in very simple binding Grid to DataSource

2 Answers 51 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Eugeny
Top achievements
Rank 1
Eugeny asked on 15 Jun 2012, 12:07 PM
Hello! What's wrong with following code?

<div id="grid"></div>
 
<script type="text/javascript">
    $(function () {
 
        var units = [{ UnitId: 2 }, { UnitId: 5}];
 
        var ds = new kendo.data.DataSource({
            // transport: {
            //   read: { url: 'http://localhost:6356/admin/GetUnitTogglesList' }
            // },
            data: units
        });
 
        ds.read();                    // For test purpose:
        alert(ds.data().length);      // show 2 - it's Ok
 
        $('#grid').kendoGrid({
            dataSource: ds,
            columns: [{ title: "Unit Id", field: "UnitId"}]
        });
 
    });
</script>

In result - Grid is empty.
And i see error in Firebug console (see attached image).

2 Answers, 1 is accepted

Sort by
0
Jerry T.
Top achievements
Rank 1
answered on 15 Jun 2012, 07:37 PM
Do you need the ds.read(); ?

Also, have you tried defining the id in a schema property for the data source?
0
Eugeny
Top achievements
Rank 1
answered on 19 Jun 2012, 08:31 AM
Resolved.

I use kendo.dataviz.min.js and kendo.web.js and error occurs if  web.js included before dataviz.js.

I changed the order of the files and the problem disappeared.

Correct order:

  <script src="kendo.dataviz.min.js" type="text/javascript"></script>
  <script src="kendo.web.js" type="text/javascript"></script>             // after dataviz!
Tags
Grid
Asked by
Eugeny
Top achievements
Rank 1
Answers by
Jerry T.
Top achievements
Rank 1
Eugeny
Top achievements
Rank 1
Share this question
or