i want to use dataviz and web controls in the same page,so i add
<script src="kendo.web.min.js"></script>
<script src="kendo.dataviz.min.js"></script>
in my html page.
when i creating kendogrid with datasource such as
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "getOperatorsByOrg.do?format=json&orgid=2",
dataType: "json"
}
},
batch: true,
pageSize: 30,
schema: {
model: {
fields: {
userid: { editable: false, nullable: true },
operatorname: { editable: false },
password: { editable: false }
}
}
}
});
$("#"+divname).kendoGrid({
dataSource: dataSource,
pageable: true,
height: 300,
toolbar: ["create"],
columns: [
{ field:"userid",title:"userid" },
{ field: "operatorname",title:"operatorname", width: "150px" },
{ field: "password", title:"password", width: "150px" }]
});
a javascript error is showed:
message: 'undefined' is null or is not an object
row: 8
char: 45249
code: 0
URI: http://localhost:8080/reportproject/views/js/kendo/kendo.web.min.js
and the data in grid can't be showed
when i delete the "<script src="kendo.dataviz.min.js"></script>"
the data can be showed very good
how i can do?