News,
I'm trying to use Dojo, but I can't to this.....help!
01.
<!DOCTYPE html>
02.
<
html
>
03.
<
head
>
04.
<
meta
charset
=
"utf-8"
/>
05.
<
title
>Kendo UI Snippet</
title
>
06.
08.
12.
</
head
>
13.
<
body
>
14.
15.
<
style
>
16.
html,
17.
body,
18.
#parent,
19.
.container
20.
#grid
21.
{
22.
margin: 0;
23.
padding: 0;
24.
border-width: 0;
25.
height: 100%; /* DO NOT USE !important for setting the Grid height! */
26.
}
27.
28.
html
29.
{
30.
overflow: hidden;
31.
font: 13px sans-serif;
32.
}
33.
</
style
>
34.
<
header
style
=
"height: 100px"
class
=
"bg-primary"
>
35.
<
div
class
=
"container"
>
36.
intestazione
37.
</
div
>
38.
</
header
>
39.
<
div
id
=
"parent"
>
40.
<
div
class
=
"container"
>
41.
<
div
id
=
"grid"
></
div
>
42.
</
div
>
43.
</
div
>
44.
<
footer
style
=
"height: 50px"
class
=
"bg-secondary"
>
45.
<
div
class
=
"container"
>
46.
piede
47.
</
div
>
48.
</
footer
>
49.
<
script
>
50.
var gridElement = $("#grid");
51.
52.
function resizeGrid() {
53.
gridElement.data("kendoGrid").resize();
54.
}
55.
56.
$(window).resize(function(){
57.
resizeGrid();
58.
});
59.
60.
$("#grid").kendoGrid({
61.
dataSource: {
62.
type: "odata",
63.
transport: {
65.
},
66.
schema: {
67.
model: {
68.
fields: {
69.
OrderID: { type: "number" },
70.
ShipName: { type: "string" },
71.
ShipCity: { type: "string" }
72.
}
73.
}
74.
},
75.
pageSize: 25,
76.
serverPaging: true,
77.
serverFiltering: true,
78.
serverSorting: true
79.
},
80.
filterable: true,
81.
sortable: true,
82.
resizable: true,
83.
pageable: true,
84.
columns: [{
85.
field:"OrderID",
86.
filterable: false,
87.
width: 200
88.
},
89.
"ShipName",
90.
"ShipCity"
91.
]
92.
});
93.
</
script
>
94.
</
body
>
95.
</
html
>