or
@(Html.Kendo().Grid(Model) .Name("AllTickets") .DataSource(ds => ds.Server().Model(m => m.Id(t => t.ID))) .ToolBar(toolbar => toolbar.Template( @<text> Site: @(Html.Kendo().DropDownList() .Name("SiteFilter") .DataTextField("SiteName") .DataValueField("ID") .OptionLabel("Any") .DataSource(dataSource => dataSource.Read("GetSitesForView", "Home")) .Events(events => events.Change("change")) ) </text> )) .Columns(cols => { cols.Bound(t => t.ID).Title("ID").Title("Ticket ID").Filterable(true).Width(50); cols.Bound(t => t.Site).Title("Site").Filterable(true); cols.Bound(t => t.DhrNumber).Title("DHR Number").Filterable(true).Width(100); cols.Bound(t => t.Room).Title("Room").Filterable(true); cols.Bound(t => t.ShortSummary).Title("Ticket Description").Filterable(true); cols.Bound(t => t.Status).Title("Ticket Status").Filterable(true).Width(80); }) )
<div id=
"menu"
></div>
<p><br/><br/><br/><br/></p>
<ul id=
"menu-2"
></ul>
<script>
$(
function
() {
var
m = $(
'#menu, #menu-2'
).kendoMenu({
dataSource: [
{
text:
"Baseball"
, imageUrl:
"../../content/shared/icons/sports/baseball.png"
,
items: [
{ text:
"Top News"
, imageUrl:
"../../content/shared/icons/16/star.png"
},
{ text:
"Photo Galleries"
, imageUrl:
"../../content/shared/icons/16/photo.png"
},
{ text:
"Videos Records"
, imageUrl:
"../../content/shared/icons/16/video.png"
},
{ text:
"Radio Records"
, imageUrl:
"../../content/shared/icons/16/speaker.png"
}
]
},
{
text:
"Golf"
, imageUrl:
"../../content/shared/icons/sports/golf.png"
,
items: [
{ text:
"Top News"
, imageUrl:
"../../content/shared/icons/16/star.png"
},
{ text:
"Photo Galleries"
, imageUrl:
"../../content/shared/icons/16/photo.png"
},
{ text:
"Videos Records"
, imageUrl:
"../../content/shared/icons/16/video.png"
},
{ text:
"Radio Records"
, imageUrl:
"../../content/shared/icons/16/speaker.png"
}
]
},
{
text:
"Swimming"
, imageUrl:
"../../content/shared/icons/sports/swimming.png"
,
items: [
{ text:
"Top News"
, imageUrl:
"../../content/shared/icons/16/star.png"
},
{ text:
"Photo Galleries"
, imageUrl:
"../../content/shared/icons/16/photo.png"
}
]
},
{
text:
"Snowboarding"
, imageUrl:
"../../content/shared/icons/sports/snowboarding.png"
,
items: [
{ text:
"Photo Galleries"
, imageUrl:
"../../content/shared/icons/16/photo.png"
},
{ text:
"Videos Records"
, imageUrl:
"../../content/shared/icons/16/video.png"
}
]
}
],
orientation:
'vertical'
});
});
</script>
<style>
#menu-2
{
width: 300px;
}
</style>
ul.k-menu-vertical > .k-item
{
display
:
block
;
float
:
none
;
border-width
:
0
;
}
{
"d" : [{
"__metadata": {
"uri": "http://localhost/TestService/TestService.svc/Order('4345')",
"type": "DataModels.OrderDetail"
},
"ItemList": [{
"__metadata": {
"uri": "http://localhost/TestService/TestService.svc/Item('1')",
"type": "DataModels.Item"
},
"ItemId": "1",
"Name": "TestItem",
"Rate": "19.00",
"Quantity": "3"
}]
}]
}