or
<table style="height: 400px; width:900px;"> <tr> <td class="chart-wrapper"> @(Html.Kendo().Chart(Model) .Name("LocationsChart") .Title("Locations") .Legend(legend => legend .Visible(true) ) .ChartArea(chartArea => chartArea .Background("transparent") .Width(900) .Height(400) ) .Series(series => { foreach (var item in Model) { series.Column(new decimal[] { item.FuelSales, item.FuelSalesLyr, item.FuelSalesLy2 }).Name(item.LocUsageDesc); } }) .CategoryAxis(axis => axis .Categories(new string[] {"Sales Yr to Date", "Sales Last Yr", "Sales 2yr"} ) .MajorGridLines(lines => lines.Visible(false)) ) .ValueAxis(axis => axis .Numeric() .Labels(labels => labels.Format("c")) .Line(line => line.Visible(false)) .MajorGridLines(lines => lines.Visible(true)) ) .Tooltip(tooltip => tooltip .Visible(true) .Format("{0:C}") .Background("grey")) ) </td> </tr> </table>
inspecting the element in the browser
jQuery(function(){jQuery("#LocationsChart").kendoChart({"chartArea":{"background":"transparent","height":400,"width":900},"title":{"text":"Locations"},"legend":{"visible":true},"series":[{"name":"Home","type":"column","data":[368.59,1532.70,622.57]},{"name":"Shop","type":"column","data":[485.46,1824.32,856.80]},{"name":"Cdry","type":"column","data":[287.98,100.00,0]},{"name":"Cndo","type":"column","data":[363.69,872.09,0]},{"name":"Home","type":"column","data":[199.59,389.70,0]}],"categoryAxis":[{"majorGridLines":{"visible":false},"categories":["Sales Yr to Date","Sales Last Yr","Sales 2yr"]}],"valueAxis":[{"labels":{"format":"c"},"majorGridLines":{"visible":true},"line":{"visible":false}}],"tooltip":{"background":"grey","format":"{0:C}","visible":true}});});@(Html.Kendo().Grid<Listing>() .Name("grid") .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("RefreshTable", "HomeController")) ) .Columns(columns => { columns.Bound(x => x.Number) .Width(120) .Template(@<text></text>) .ClientTemplate( "<div class='btn-group'>" + "<button type='button' class='btn btn-default btn-sm dropdown-toggle' data-toggle='dropdown'><span id='selectedTagType'>#= Number#</span> <span class='caret'></span></button>" + "<ul class='dropdown-menu' role='menu'>" + "<li><a onclick='editRecord();'></a>Edit</li>" + "<li><a onclick='activateRecord();'></a>Activate</li>" + "<li><a onclick='transferRecord();'></a>Transfer</li>" + "</ul>" + "</div>" ); columns.Bound(x => x.TypeDescription); columns.Bound(x => x.PhoneNumber); }) )@(Html.Kendo().Scheduler<iMail.Web.Models.TaskViewModel>() .Name("scheduler") .Date(DateTime.Now) .StartTime(new DateTime(2013, 6, 13, 7, 00, 00)) .Height(600) .Views(views => { views.DayView(); views.WeekView(); views.MonthView(); views.AgendaView(agenda => agenda.Selected(true)); }) .Selectable(true) .Timezone("Etc/UTC") .Events(e => e.Edit("onEdit")) .Editable(editable => { editable.TemplateName("_EditorTemplatePartial"); editable.Resize(true); }) .DataSource(d => d .Model(m => { m.Id(f => f.TaskID); m.Field(f => f.Title).DefaultValue("No title"); m.RecurrenceId(f => f.RecurrenceID); m.Field(e => e.Attendees).DefaultValue(new List<iMail.Web.Models.CalendarAttendeeModel>()); }) .Events(e => e.Error("error_handler")) .Read("TasksRead", "Dashboard") .Create("TasksCreate", "Dashboard") .Destroy("TasksDestroy", "Dashboard") .Update("TasksUpdate", "Dashboard") ))<div data-container-for="Attendees" class="k-edit-field">
@(Html.Kendo().MultiSelectFor(model => model.Attendees) .Name("myMultiSelectiHATEYOU") .HtmlAttributes(new { data_bind = "value:Attendees" }) .DataTextField("AttendeeName") .DataValueField("ID")
.BindTo(ViewBag.Contacts) .Value(Model.Attendees)</div>ICollection<CalendarAttendeeModel> contacts = new List<CalendarAttendeeModel>(); CalendarAttendeeModel att7 = new CalendarAttendeeModel(); att7.AttendeeName = "Georgette"; att7.ID = 4; att7.Email = "myemail@attendee7.com"; contacts.Add(att7); contacts.Add(att8); contacts.Add(att9); contacts.Add(att10); ViewBag.Contacts = contacts;public ActionResult TasksCreate([Kendo.Mvc.UI.DataSourceRequest]Kendo.Mvc.UI.DataSourceRequest request, TaskViewModel task) {}public class TaskViewModel : Kendo.Mvc.UI.ISchedulerEvent {.... public string Title { get; set; } public string Description { get; set; } public string StartTimezone { get; set; } public string EndTimezone { get; set; }.... public List<CalendarAttendeeModel> Attendees { get; set; }}<div class="kendo-tree"> @(Html.Kendo().TreeView() .Name("treeview") .DataTextField("Name") .TemplateId("treeview-template") .DataSource(dataSource => dataSource .Read(read => read.Action("DashboardTree", "Home")) ) .Events(e => e.Select("onSelect")) )</div>function onSelect(e) { var data = $('#treeview').data('kendoTreeView').dataItem(e.node); //alert("node clicked" + data.id); window.location = @Url.Action("Edit", "Employee", new { id = data.id }); }