@Html.ActionLink("your logo here", "Index", "Home")
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Animation(false) //toggle effect
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Animation(animation =>
+ {
+ animation.Open(open =>
+ {
+ open.SlideIn(SlideDirection.Down);
+ }
+ })
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .DataTextField("Text")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .DataSource(source =>
+ {
+ source.Read(read =>
+ {
+ read.Action("GetProducts", "Home");
+ }
+ })
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Delay(300)
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .IgnoreCase(true)
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Height(300)
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .HeaderTemplate("Customers
")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .HeaderTemplateId("widgetHeaderTemplateId")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Template("#= data #")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .TemplateId("widgetTemplateId")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Value("1")
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events =>
+ events.Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Filter("startswith");
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Filter(FilterType.Contains);
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .HighlightFirst(true)
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .MinLength(3)
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .MinLength(3)
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Separator(", ")
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Suggest(true)
+ %>
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Select("select"))
+ )
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.DataBound("dataBound"))
+ %>
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Filtering(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Filtering("filtering"))
+ %>
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Open("open"))
+ )
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Open(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Events(events => events.Close("close"))
+ )
+
+
+ <% Html.Kendo().Button()
+ .Name("Button1")
+ .Content(() => { >%
+ <p>Content</p>
+ %<})
+ .Render();
+ %>
+
+
+ @(Html.Kendo().Button()
+ .Name("Button1")
+ .Content(@<p>Content</p>)
+ .Render();)
+
+
+ <%= Html.Kendo().Button()
+ .Name("Button")
+ .Content("<p>Content</p>")
+ %>
+
+
+ <%= Html.Kendo().Button()
+ .Name("Button")
+ .Events(events =>
+ events.Click("onClick"))
+ %>
+
+
+ <%= Html.Kendo().Button()
+ .Name("Button")
+ .Tag("span")
+ %>
+
+
+ <% Html.Kendo().Button()
+ .Name("Button")
+ .Events(events => events.Click(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Button()
+ .Name("Button")
+ .Events(events => events.Click("onClick"))
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("DatePicker")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Events(events => events.Change("change"))
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Events(events => events.Navigate(
+ @<text>
+ %>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Events(events => events.Navigate("navigate"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Color("#f00")))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Width(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorGridLines(lines => lines.DashType(ChartDashType.Dot)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Line(line => line.Opacity(0.2))
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Line(line => line.Style(ChartAreaStyle.Step))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Font("14px Arial,Helvetica,sans-serif")
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Background("Red")
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Color("Red")
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Margin(0, 5, 5, 0)
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Margin(20)
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Padding(0, 5, 5, 0)
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Padding(20)
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Border(1, "Red", ChartDashType.Dot)
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Format("{0:C}")
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Template("${TotalSales}")
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Opacity(0.5)
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Rotation(45)
+ .Visible(true);
+ );
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Name("Sales"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .DataSource(dataSource => dataSource
+ .Read(read => read.Action("_StockData", "Scatter_Charts"))
+ .Group(group => group.Add(model => model.Symbol))
+ )
+ .Series(series => series.Bar(s => s.Sales)
+ .Name("Sales")
+ .GroupNameTemplate("#= series.name # for #= group.field # #= group.value #")
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Opacity(0.5))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Color("Red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Color(
+ @<text>
+ function(point) {
+ return point.value > 5 ? "red" : "green";
+ }
+ </text>
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ColorHandler(
+ @<text>
+ function(point) {
+ return point.value > 5 ? "red" : "green";
+ }
+ </text>
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ColorHandler("pointColor")
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales)
+ .Tooltip(tooltip =>
+ {
+ tooltip.Visible(true).Format("{0:C}");
+ })
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Tooltip(true))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Name("Sales").Axis("secondary"))
+ .ValueAxis(axis => axis.Numeric())
+ .ValueAxis(axis => axis.Numeric("secondary"))
+ .CategoryAxis(axis => axis.AxisCrossingValue(0, 10))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Visible(false))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Aggregate(
+ @<text>
+ function(values) {
+ return values[0];
+ }
+ </text>
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Aggregate("myAggregate")
+ )
+ .Render();
+ %>
+ <script>
+ function myAggregate(values) {
+ return values[0];
+ }
+ </script>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => {
+ series.Area(s => s.Sales).ZIndex(2);
+ series.Column(s => s.Price).ZIndex(1);
+ })
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Stack(true))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Stack("Female"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Stack("Female"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Aggregate())
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Gap(1))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Spacing(s => s.Sales).Spacing(1))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Position(ChartBarLabelsPosition.InsideEnd)
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(true);
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Border("1", "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).Overlay(ChartBarSeriesOverlay.None))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(s => s.Sales).NegativeColor("Red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value").CategoryField("Category"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value").ColorField("Color"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(axis => axis
+ .MajorTicks(ticks => ticks
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(axis => axis
+ .Crosshair(crosshair => crosshair
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(axis => axis
+ .Name("axisName")
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(axis => axis
+ .MinorTicks(ticks => ticks
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .MajorGridLines(lines => lines.Visible(true))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .MajorGridLines(2, "red", ChartDashType.Dot)
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .MinorGridLines(lines => lines.Visible(true))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .MinorGridLines(2, "red", ChartDashType.Dot)
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Line(line => line.Color("#f00"))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Line(2, "#f00", ChartDashType.Dot)
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Labels(labels => labels
+ .Color("Red")
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Labels(true))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .PlotBands.Add()
+ .From(1)
+ .To(2)
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Title(title => title.Text("Axis"))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Title("Axis")
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Panes(panes => {
+ panes.Add().Title("Value");
+ panes.Add("volumePane").Title("Volume");
+ })
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Pane("volumePane")
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Color("#ff0000")
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Reverse(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ .Reverse()
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric().Min(4))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric().Max(4))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric().MajorUnit(4))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .MajorUnit(4)
+ .MinorUnit(2)
+ .MinorTicks(mt => mt.Visible(true))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(axis => axis.AxisCrossingValue(4))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(axis => axis.Numeric().AxisCrossingValue(0, 10))
+ .YAxis(axis => axis.Numeric().Title("Axis 1"))
+ .YAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(axis => axis.Numeric().AxisCrossingValue(new double[] { 0, 10 }))
+ .YAxis(axis => axis.Numeric().Title("Axis 1"))
+ .YAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Area(s => s.Sales).Stack(true))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Area(s => s.Sales).Stack(ChartStackType.Stack100))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Area(s => s.Sales).Aggregate())
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Labels(labels => labels
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Labels(true);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Markers(markers => markers
+ .Type(ChartMarkerShape.Triangle)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Markers(true);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .MissingValues(ChartAreaMissingValues.Interpolate);
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Area(Model.Records).Field("Value"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Area(Model.Records).Field("Value").CategoryField("Category"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Area(Model.Records).Field("Value").ColorField("Color"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Area(Model.Records).Field("Value").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Line(2, "red", ChartDashType.Dot, ChartAreaStyle.Smooth)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Line(line => line.Opacity(0.2))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .ErrorBars(e => e.Value(1))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .RadarArea(s => s.Sales)
+ .Line(line => line.Opacity(0.2))
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .RadarArea(s => s.Sales)
+ .Line(line => line.Style(ChartRadarAreaStyle.Smooth))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .RadarArea(s => s.Sales)
+ .Line(2, "red", ChartDashType.Dot, ChartScatterLineStyle.Smooth)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .RadarArea(s => s.Sales)
+ .Line(line => line.Opacity(0.2))
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value(1))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Line(s => s.Sales).Stack(true))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Line(s => s.Sales).Stack(ChartStackType.Stack100))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Line(s => s.Sales).Aggregate())
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Labels(labels => labels
+ .Position(ChartBarLabelsPosition.Above)
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Labels(true);
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Line(s => s.Sales).Width(2))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Line(s => s.Sales).DashType(ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(markers => markers
+ .Type(ChartMarkerShape.Triangle)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(true);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .MissingValues(ChartLineMissingValues.Interpolate);
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Line(Model.Records).Field("Value"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Line(Model.Records).Field("Value").CategoryField("Category"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Line(Model.Records).Field("Value").ColorField("Color"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Line(Model.Records).Field("Value").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Style(ChartLineStyle.Step);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .ErrorBars(e => e.Value(1))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .RadarLine(s => s.Sales)
+ .Style(ChartRadarLineStyle.Smooth);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .Labels(labels => labels
+ .Position(ChartBarLabelsPosition.Above)
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .Labels(true);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .Markers(markers => markers
+ .Type(ChartMarkerShape.Triangle)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .Markers(true);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Scatter(s => s.X, s => s.Y).Name("Scatter").XAxis("secondary"))
+ .XAxis(axis => axis.Numeric())
+ .XAxis(axis => axis.Numeric("secondary"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Scatter(s => s.Sales).Name("Sales").YAxis("secondary"))
+ .YAxis(axis => axis.Numeric())
+ .YAxis(axis => axis.Numeric("secondary"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Scatter(Model.Records).XField("X").YField("Y"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Scatter(Model.Records).XField("X").YField("Y"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Scatter(Model.Records).Fields("X", "Y"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.ScatterLine(s => s.x, s => s.y).Width(2))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.ScatterLine(s => s.x, s => s.y).DashType(ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .ScatterLine(s => s.x, s => s.y)
+ .MissingValues(ChartScatterLineMissingValues.Interpolate);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .ScatterLine(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(1))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .ScatterLine(s => s.x, s => s.y)
+ .Style(ChartScatterLineStyle.Smooth);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(1))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .PolarArea(s => s.Sales)
+ .Line(line => line.Style(ChartPolarAreaStyle.Smooth))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .PolarArea(s => s.Sales)
+ .Line(2, "red", ChartDashType.Dot, ChartPolarAreaStyle.Smooth)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .PolarArea(s => s.Sales)
+ .Line(line => line.Width(2))
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .PolarLine(s => s.x, s => s.y)
+ .Style(ChartPolarLineStyle.Smooth);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Name("Sales"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Funnel(s => s.Sales, s => s.DateString).SegmentSpacing(5))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Opacity(0.3))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Funnel(s => s.Sales, s => s.DateString).NeckRatio(3))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicSlope(true))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicHeight(true))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Funnel(s => s.Sales, s => s.DateString)
+ .Labels(labels => labels
+ .Color("red")
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Funnel(s => s.Sales, s => s.DateString)
+ .Labels(true);
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Funnel(p => p.Sales)
+ .Labels(labels => labels
+ .Align(ChartFunnelLabelsAlign.Center)
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Funnel(p => p.Sales)
+ .Labels(labels => labels
+ .Position(ChartFunnelLabelsPosition.Center)
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Color("red"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Color("red"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.EndCaps("false"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.EndCaps("false"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Line(2, "red", ChartDashType.Dot))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Line(2, "red", ChartDashType.Dot))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Line(l => l.Width(2)))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Line(l => l.Width(2)))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value("stderr"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value("stderr"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value(1))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value(1))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value(1, 2))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value(1, 2))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value(@<text>
+ function(data) {
+ var value = data.value,
+ lowPercentage = value * 0.05,
+ highPercentage = value * 0.1;
+ return [lowPercentage, highPercentage];
+ }
+ </text>))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Value(o =>
+ @"function(data) {
+ var value = data.value,
+ lowPercentage = value * 0.05,
+ highPercentage = value * 0.1;
+ return [lowPercentage, highPercentage];
+ }"
+ ))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.LowField("Low"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.LowField("Low"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.HighField("High"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.HighField("High"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Fields("Low", "High"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .ErrorBars(e => e.Fields("Low", "High"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue("stderr"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue("stderr"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(1))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(1))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(1, 2))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(1, 2))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(@<text>
+ function(data) {
+ var value = data.value.x,
+ lowPercentage = value * 0.05,
+ highPercentage = value * 0.1;
+ return [lowPercentage, highPercentage];
+ }
+ </text>))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XValue(o =>
+ @"function(data) {
+ var value = data.value.x,
+ lowPercentage = value * 0.05,
+ highPercentage = value * 0.1;
+ return [lowPercentage, highPercentage];
+ }"
+ ))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue("stderr"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue("stderr"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue(1))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue(1))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue(1, 2))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue(1, 2))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue(@<text>
+ function(data) {
+ var value = data.value.y,
+ lowPercentage = value * 0.05,
+ highPercentage = value * 0.1;
+ return [lowPercentage, highPercentage];
+ }
+ </text>))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YValue(o =>
+ @"function(data) {
+ var value = data.value.y,
+ lowPercentage = value * 0.05,
+ highPercentage = value * 0.1;
+ return [lowPercentage, highPercentage];
+ }"
+ ))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XLowField("Low"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XLowField("Low"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XHighField("High"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XHighField("High"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XFields("Low", "High"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.XFields("Low", "High"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YLowField("Low"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YLowField("Low"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YHighField("High"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YHighField("High"))
+ )
+ %>
+
+
+ @(Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YFields("Low", "High"))
+ )
+ )
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("chart")
+ .Series(series => series
+ .Scatter(s => s.x, s => s.y)
+ .ErrorBars(e => e.YFields("Low", "High"))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .Title("Units sold")
+ .Series(series => {
+ series
+ .Column(new int[] { 20, 40, 45, 30, 50 });
+ })
+ .CategoryAxis(axis => axis
+ .Date()
+ .BaseUnit(ChartAxisBaseUnit.Fit)
+ .AutoBaseUnitSteps(steps => steps.Seconds(1, 2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .Title("Units sold")
+ .Series(series => {
+ series
+ .Column(new int[] { 20, 40, 45, 30, 50 });
+ })
+ .CategoryAxis(axis => axis
+ .Date()
+ .BaseUnit(ChartAxisBaseUnit.Fit)
+ .AutoBaseUnitSteps(steps => steps.Minutes(1, 2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .Title("Units sold")
+ .Series(series => {
+ series
+ .Column(new int[] { 20, 40, 45, 30, 50 });
+ })
+ .CategoryAxis(axis => axis
+ .Date()
+ .BaseUnit(ChartAxisBaseUnit.Fit)
+ .AutoBaseUnitSteps(steps => steps.Hours(1, 2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .Title("Units sold")
+ .Series(series => {
+ series
+ .Column(new int[] { 20, 40, 45, 30, 50 });
+ })
+ .CategoryAxis(axis => axis
+ .Date()
+ .BaseUnit(ChartAxisBaseUnit.Fit)
+ .AutoBaseUnitSteps(steps => steps.Days(1, 2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .Title("Units sold")
+ .Series(series => {
+ series
+ .Column(new int[] { 20, 40, 45, 30, 50 });
+ })
+ .CategoryAxis(axis => axis
+ .Date()
+ .BaseUnit(ChartAxisBaseUnit.Fit)
+ .AutoBaseUnitSteps(steps => steps.Weeks(1, 2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .Title("Units sold")
+ .Series(series => {
+ series
+ .Column(new int[] { 20, 40, 45, 30, 50 });
+ })
+ .CategoryAxis(axis => axis
+ .Date()
+ .BaseUnit(ChartAxisBaseUnit.Fit)
+ .AutoBaseUnitSteps(steps => steps.Months(1, 2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .Title("Units sold")
+ .Series(series => {
+ series
+ .Column(new int[] { 20, 40, 45, 30, 50 });
+ })
+ .CategoryAxis(axis => axis
+ .Date()
+ .BaseUnit(ChartAxisBaseUnit.Fit)
+ .AutoBaseUnitSteps(steps => steps.Years(1, 2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Font("14px Arial,Helvetica,sans-serif")
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Background("red")
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .color("red")
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Padding(0, 5, 5, 0)
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Padding(20)
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Border(1, "Red")
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Format("{0:C}")
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Template("|<#= value #|>")
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
+ .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
+ })
+ .CategoryAxis(axis => axis
+ .Categories("2005", "2006", "2007", "2008", "2009")
+ .Crosshair(crosshair => crosshair
+ .Visible(true)
+ .Tooltip(tooltip => tooltip
+ .Opacity(0.5)
+ .Visible(true)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Gap(1))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Spacing(1))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Border("1", "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Overlay(ChartBarSeriesOverlay.None))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Name("Sales"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Opacity(0.5))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Color("Red"))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target)
+ .Tooltip(tooltip =>
+ {
+ tooltip.Visible(true).Format("{0:C}");
+ })
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Tooltip(true))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target).Name("Sales").Axis("secondary"))
+ .ValueAxis(axis => axis.Numeric())
+ .ValueAxis(axis => axis.Numeric("secondary"))
+ .CategoryAxis(axis => axis.AxisCrossingValue(0, 10))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullet(s => s.Current, s => s.Target)
+ .Tooltip(tooltip =>
+ {
+ tooltip.Visible(true).Format("{0:C}");
+ })
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullter(Model.Records).CurrentField("Current").TargetField("Target"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bullter(Model.Records).CurrentField("Current").TargetField("Target"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value").ColorField("Color"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bullet(s => s.Current, s => s.Target)
+ .Target(target => target
+ .Width(10)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bullet(s => s.Current, s => s.Target)
+ .Target(target => target
+ .Border(1, "Red", ChartDashType.Dot)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bullet(s => s.Current, s => s.Target)
+ .Target(target => target
+ .Color("Red");
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis =>
+ axis.Select(select => select.From(from))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Select(select =>
+ select.From(from).To(to)
+ ))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Select(select =>
+ select.To(toDate).To(toDate)
+ ))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Select(select => select.To(to).To(to)
+ ))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Select(select => select
+ .From(fromDate).To(toDate)
+ .Mousewheel(mw => mw.Reverse())
+ ))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Select(select => select
+ .From(fromDate).To(toDate)
+ .Mousewheel(mw => mw.Reverse(true))
+ ))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Select(select =>
+ select.From(from).To(to)
+ .Mousewheel(mw => mw.Zoom(ChartZoomDirection.Left))
+ ))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend
+ .Labels(labels => labels
+ .Font("14px Arial,Helvetica,sans-serif")
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend
+ .Labels(labels => labels
+ .Color("Red")
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend
+ .Labels(labels => labels
+ .Template("${TotalSales}")
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(note => note
+ .Label(label => label
+ .Position(ChartNoteLabelPosition.Inside)
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(note => note
+ .Data(data =>
+ {
+ data.Add().Value(1).Text("A");
+ data.Add().Value(2).Text("B");
+ })
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Note(note => note.Line(line => line.Width(2)))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Note(note => note.Line(line => line.Color("red")))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Note(note => note.Line(line => line.Length(15)))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(note => note
+ .Line(line => line.Width(2))
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(note => note
+ .Label(label => label.Position(ChartNoteLabelPosition.Inside))
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(note => note.Icon(icon => icon.Size(10)))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(note => note.Position(ChartNotePosition.Left))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(note => note
+ .Data(items =>
+ {
+ data.Add().Value(1);
+ data.Add().Value(2);
+ })
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(notes => notes
+ .Line(line => line.Width(2))
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(notes => notes
+ .Label(label => label.Position(ChartNoteLabelPosition.Inside))
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(notes => notes.Icon(icon => icon.Size(10)))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric()
+ .Note(notes => notes.Position(ChartNotePosition.Left))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Visible(true)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Skip(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Step(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MinorGridLines(lines => lines.Skip(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MinorGridLines(lines => lines.Step(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MinorTicks(lines => lines.Skip(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MinorTicks(lines => lines.Step(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorTicks(lines => lines.Skip(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorTicks(lines => lines.Step(2)))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper)
+ .Aggregate(
+ ChartSeriesAggregate.Max,
+ ChartSeriesAggregate.Max,
+ ChartSeriesAggregate.Max,
+ ChartSeriesAggregate.Max,
+ ChartSeriesAggregate.Max,
+ ChartSeriesAggregate.Max,
+ ChartSeriesAggregate.Max,
+ ChartSeriesAggregate.First
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper).Gap(1.5))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper).Spacing(1))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper).Border("1", "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper)
+ .Line(2, "red", ChartDashType.Dot)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper)
+ .Line(line => line.Opacity(0.2))
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper)
+ .Outliers(outliers => outliers
+ .Type(ChartMarkerShape.Triangle)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper)
+ .Outliers(true);
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper)
+ .Extremum(extremum => extremum
+ .Type(ChartMarkerShape.Triangle)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper)
+ .Extremum(true);
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").CategoryField("Category"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").ColorField("Color"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Bar(Model.Records).Field("Value").LowerField("Lower"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").Q1Field("Q1"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").MedianField("Median"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").Q3Field("Q3"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").UpperField("Upper"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").MeanField("Mean"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.BoxPlot(Model.Records).Field("Value").OutliersField("Outliers"))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .ValueAxis(axis => axis
+ .Numeric().Labels(labels => labels.Mirror(true))
+ )
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ // Move the value axis to the right side
+ .AxisCrossingValue(5)
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(product => product.Name)
+ .Labels(labels => labels.Step(2))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(product => product.Name)
+ .Labels(labels => labels.Skip(2))
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(p => p.Sales)
+ .Labels(labels => labels
+ .Align(ChartPieLabelsAlign.Column)
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(p => p.Sales)
+ .Labels(labels => labels
+ .Distance(20)
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(p => p.Sales)
+ .Labels(labels => labels
+ .Position(ChartPieLabelsPosition.Center)
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Font("14px Arial,Helvetica,sans-serif")
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Background("Red")
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Color("Red")
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Padding(0, 5, 5, 0)
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Padding(20)
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Border(1, "Red")
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Format("{0:C}")
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Template("<#= category #> - <#= value #>")
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Opacity(0.5)
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Visible(true)
+ .Shared(true)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip => tooltip
+ .Template("<#= category #>")
+ .Visible(true)
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Pie(s => s.Sales, s => s.DateString).Name("Sales"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Pie(s => s.Sales, s => s.DateString).Opacity(0.5))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(s => s.Sales, s => s.DateString).Padding(100))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(s => s.Sales, s => s.DateString).StartAngle(100))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(s => s.Sales, s => s.DateString)
+ .Labels(labels => labels
+ .Color("red")
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(s => s.Sales, s => s.DateString)
+ .Labels(true);
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(s => s.Sales, s => s.DateString).Overlay(ChartPieSeriesOverlay.None))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(s => s.Sales, s => s.DateString)
+ .Connectors(c => c
+ .Color("red")
+ );
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(Model.Records).Field("Value"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(Model.Records).Field("Value").CategoryField("Category"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(Model.Records).Field("Value").ColorField("Color"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(Model.Records).Field("Value").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(Model.Records).Field("Value").ExplodeField("Explode"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Pie(Model.Records).Field("Value").VisibleInLegendField("VisibleInLegend"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(p => p.Sales)
+ .Connectors(c => c
+ .Width(3)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(p => p.Sales)
+ .Connectors(c => c
+ .Color(red)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Pie(p => p.Sales)
+ .Connectors(c => c
+ .Padding(10)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .PlotBands(plotBands => plotBands
+ .Add().From(1).Color("Red");
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .PlotBands(plotBands => plotBands
+ .Add().To(2).Color("Red");
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .PlotBands(plotBands => plotBands
+ .Add().Color("Red");
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .PlotBands(plotBands => plotBands
+ .Add().Opacity(0.5);
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Text("Axis")
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Font("16px Arial,Helvetica,sans-serif")
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Background("red")
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Color("red")
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Position(ChartTitlePosition.Center)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Margin(20, 20, 20, 20)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Margin(20)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Padding(20, 20, 20, 20)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Padding(20)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Border(1, "#000", ChartDashType.Dot)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Title(title => title
+ .Opacity(0.5)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Border(border => border.Color("#f00")))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Border(border => border.Opacity(0.2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Border(border => border.Width(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Border(border => border.DashType(ChartDashType.Dot)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .ValueAxis(axis => axis.MajorTicks(ticks => ticks.Size(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("chart")
+ .ValueAxis(axis => axis.MajorTicks(ticks => ticks.Visible(false)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorTicks(lines => lines.Skip(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorTicks(lines => lines.Step(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis.MajorTicks(lines => lines.Color("red")))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Date().AxisCrossingValue(4))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Date().AxisCrossingValue(0, 10))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Date().AxisCrossingValue(new double[] { 0, 10 }))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .Culture(new CultureInfo("es-ES")
+ .Visible(true)
+ )
+ ))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("StockChart")
+ .CategoryAxis(axis => axis.Select(DateTime.Today.AddMonths(-1), DateTime.Today))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("StockChart")
+ .CategoryAxis(axis => axis.Select(select =>
+ select.Mousewheel(mw => mw.Reverse())
+ ))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Categories(sale => sale.Date)
+ .Labels(labels => labels.Culture(new CultureInfo("es-ES")))
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Categories(sale => sale.Date)
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Days("dd")
+ )
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Seconds("HH:mm:ss")
+ )
+ )
+ );
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Minutes("ss")
+ )
+ )
+ );
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Hours("HH:mm")
+ )
+ )
+ );
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Days("dddd dd")
+ )
+ )
+ );
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Months("MMMM MM")
+ )
+ )
+ );
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Months("dddd")
+ )
+ )
+ );
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .DateFormats(formats => formats
+ .Years("yyyy")
+ )
+ )
+ );
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(a => a.Date().Min(DateTime.Parse("2012/01/01")))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(a => a.Date().Max(DateTime.Parse("2012/01/01")))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(a => a.Date().BaseUnit(ChartAxisBaseUnit.Months).MajorUnit(4))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(a => a.Date().BaseUnit(ChartAxisBaseUnit.Days).MajorUnit(4).MinorUnit(2))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(axis => axis.Date().AxisCrossingValue(DateTime.Parse("2012/01/01")))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Date().AxisCrossingValue(DateTime.Parse("2012/01/01"), DateTime.Parse("2012/01/10")))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.Date().AxisCrossingValue(new DateTime[] {
+ DateTime.Parse("2012/01/01"), DateTime.Parse("2012/01/10")
+ }))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .XAxis(axis => axis
+ .Date()
+ .Labels(labels => labels
+ .Culture(new CultureInfo("es-ES")
+ .Visible(true)
+ )
+ ))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Donut(s => s.Sales, s => s.DateString).Margin(10))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Donut(s => s.Sales, s => s.DateString).HoleSize(40))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Donut(s => s.Sales, s => s.DateString).Size(20))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bubble(s => s.x, s => s.y, s => s.size)
+ .NegativeValues(n => n
+ .Visible(true)
+ );
+ )
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bubble(s => s.x, s => s.y, s => s.size)
+ .Border(1, "Red");
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bubble(s => s.x, s => s.y, s => s.size)
+ .NegativeValues(n => n
+ .Visible(true)
+ .Color("#ff0000")
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bubble(s => s.x, s => s.y, s => s.size)
+ .NegativeValues(n => n
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.OHLC(s => s.Sales).Aggregate(ChartSeriesAggregate.Avg))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.OHLC(s => s.Sales).Gap(1.5))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series => series.Spacing(s => s.Sales).Spacing(1))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(s => s.Sales).Border("1", "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .OHLC(s => s.Sales)
+ .Line(2, "red", ChartDashType.Dot)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Area(s => s.Sales)
+ .Line(line => line.Opacity(0.2))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(Model.Records).Fields("Open", "High", "Low", "Close"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close").ColorField("Color"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close").NoteTextField("NoteText"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series.Candlestick(s => s.Sales).Overlay(ChartBarSeriesOverlay.None))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Labels(labels => labels
+ .Position(ChartPointLabelsPosition.Above)
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(markers => markers
+ .Type(ChartMarkerShape.Triangle)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(markers => markers
+ .Size(10)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(markers => markers
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(markers => markers
+ .Border(1, "Red", ChartDashType.Dot)
+ );
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(markers => markers
+ .Background("Red");
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(m =>
+ m.BackgroundHandler(
+ @<text>
+ function(point) {
+ return point.value > 5 ? "red" : "green";
+ }
+ </text>
+ )
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(m => m.BackgroundHandler("backgroundFn"))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Line(s => s.Sales)
+ .Markers(markers => markers
+ .Type(ChartMarkerShape.Triangle)
+ .Rotation(10)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .PlotArea(plotArea => plotArea.Background("Red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .PlotArea(plotArea => plotArea.Margin(0, 5, 5, 0))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .PlotArea(plotArea => plotArea.Margin(5))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .PlotArea(plotArea => plotArea.Border(1, "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .PlotArea(p => p.Background("green").Opacity(0.5))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => series
+ .Bar(s => s.Sales)
+ .Labels(labels => labels
+ .Position(ChartBarLabelsPosition.InsideEnd)
+ .Visible(true)
+ );
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Background("Red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Margin(0, 5, 5, 0))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Margin(5))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.Border(1, "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Text("Chart"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Font("16px Arial,Helvetica,sans-serif"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Color("#ff0000").Text("Title"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Background("red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Position(ChartTitlePosition.Bottom))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Align(ChartTextAlignment.Left))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Visible(false))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Margin(20))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Margin(20))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Padding(20))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Padding(20))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Border(1, "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Font("16px Arial,Helvetica,sans-serif"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Color("red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Background("red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Position(ChartLegendPosition.Bottom))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Visible(false))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Offset(10, 50))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Margin(0, 5, 5, 0))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Margin(20))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Padding(0, 5, 5, 0))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Padding(20))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Border(1, "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.DataBound("onDataBound"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SeriesClick(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SeriesClick("onSeriesClick"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SeriesHover(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SeriesHover("onSeriesHover"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.AxisLabelClick(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.AxisLabelClick("onAxisLabelClick"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.LegendItemClick(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.LegendItemClick("onLegendItemClick"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.LegendItemHover(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.LegendItemHover("onLegendItemHover"))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.DragStart("onDragStart"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.DragStart(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Drag("onDrag"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Drag(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.DragEnd("onDragEnd"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.DragEnd(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.PlotAreaClick(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.PlotAreaClick("onPlotAreaClick"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Render(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Render("onRender"))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.ZoomStart("onZoomStart"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.ZoomStart(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Zoom("onZoom"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Zoom(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.ZoomEnd("onZoomEnd"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.ZoomEnd(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SelectStart("onSelectStart"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SelectStart(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Select("onSelect"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SelectEnd("onSelectEnd"))
+ %>
+
+
+ <% Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events.SelectEnd(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Events(events => events
+ .OnLoad("onLoad")
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Theme("Telerik")
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .PlotArea(plotArea => plotArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Title("Yearly sales")
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Title(title => title.Text("Yearly sales"))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(false)
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Legend(legend => legend.Visible(true).Position(ChartLegendPosition.Bottom))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .SeriesDefaults(series => series.Bar().Stack(true))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .Panes(panes =>
+ {
+ panes.Add("volume");
+ })
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ )
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric().TickSize(4))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .XAxis(a => a.Numeric().Max(4))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .YAxis(a => a.Numeric().Max(4))
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
+ })
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
+ })
+ .AutoBind(false)
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .SeriesColors(new string[] { "#f00", "#0f0", "#00f" })
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .SeriesColors("#f00", "#0f0", "#00f")
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(tooltip =>
+ {
+ tooltip.Visible(true).Format("{0:C}");
+ })
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Tooltip(true)
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Transitions(false)
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.AxisCrossingValue(4))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.AxisCrossingValue(0, 10))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis.AxisCrossingValue(new double[] { 0, 10 }))
+ .ValueAxis(axis => axis.Numeric().Title("Axis 1"))
+ .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2"))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("StockChart")
+ .CategoryAxis(axis => axis.Select(0, 3))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("StockChart")
+ .CategoryAxis(axis => axis.Select(select =>
+ select.Mousewheel(mw => mw.Reverse())
+ ))
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .Events(events =>
+ events.Select("select").Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .Value("#ff0000")
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .Columns(5)
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .TileSize(32)
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .TileSize(s => s.Width(20).Height(10))
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .Palette(ColorPickerPalette.WebSafe)
+ %>
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Change("change"))
+ )
+
+
+ <%= Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events =>
+ events.Select("select").Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
+ %>
+
+
+ <%= Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Palette(ColorPickerPalette.WebSafe)
+ %>
+
+
+ <%= Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Enable(false)
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .TileSize(32)
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ .TileSize(s => s.Width(20).Height(10))
+ %>
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Select("change"))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Open(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Open("open"))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Events(events => events.Close("close"))
+ )
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .AutoBind(false)
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .DataTextField("Text")
+ .DataValueField("Value")
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events =>
+ events.Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Filter("startswith");
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Filter(FilterType.Contains);
+ %>
+
+
+ <%= Html.Telerik().ComboBox()
+ .Name("ComboBox")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .HighlightFirst(true)
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .MinLength(3)
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .SelectedIndex(0);
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Suggest(true)
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Placeholder("Select country...")
+ %>
+
+
+ <%= Html.Telerik().ComboBox()
+ .Name("ComboBox2")
+ .CascadeFrom("ComboBox1")
+ %>
+
+
+ <%= Html.Telerik().ComboBox()
+ .Name("ComboBox2")
+ .CascadeFrom("ComboBox1")
+ .CascadeFromField("ParentID")
+ %>
+
+
+ <%= Html.Telerik().ComboBox()
+ .Name("ComboBox")
+ .Text("Chai")
+ .AutoBind(false)
+ %>
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Select("select"))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.DataBound("dataBound"))
+ %>
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Filtering(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Filtering("filtering"))
+ %>
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Open("open"))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Open(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Close("close"))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Cascade(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Events(events => events.Cascade("cascade"))
+ )
+
+
+ <%= Html.Kendo().Gantt(Model)
+ .Name("Gantt")
+ .Columns(columns => columns.Bound(o => o.OrderID).Title("ID"))
+ %>
+
+
+ <%= Html.Kendo().Gantt(Model)
+ .Name("Gantt")
+ .Columns(columns => columns.Bound(o => o.OrderID).Editable(true))
+ %>
+
+
+ <%= Html.Kendo().Gantt(Model)
+ .Name("Gantt")
+ .Columns(columns => columns.Bound(o => o.OrderID).Sortable(true))
+ %>
+
+
+ <%= Html.Kendo().Gantt(Model)
+ .Name("Gantt")
+ .Columns(columns => columns.Bound(o => o.OrderID).Width(100))
+ %>
+
+
+ <%= Html.Kendo().Gantt(Model)
+ .Name("Gantt")
+ .Columns(columns => columns.Bound(o => o.OrderDate).Format("{0:dd/MM/yyyy}"))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Visible((bool)ViewData["visible"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Locked())
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Locked((bool)ViewData["locked"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Lockable((bool)ViewData["lockable"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Hidden((bool)ViewData["hidden"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Hidden())
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns =>
+ columns.Bound(o => o.OrderDate)
+ .Filterable(filterable =>
+ filterable.Cell(cell =>
+ cell.Template(@<text>
+ JavaScript function goes here
+ </text>)
+ )
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns =>
+ columns.Bound(o => o.OrderDate)
+ .Filterable(filterable =>
+ filterable.Cell(cell =>
+ cell.DataSource(ds =>
+ ds.Read("someAction", "someController")
+ )
+ )
+ )
+ )
+ %>
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ dayView.Editable(false);
+ });
+ views.AgendaView();
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ dayView.Editable(false);
+ dayView.SelectedDateFormat("{0:dd-MM-yyyy}");
+ });
+ views.AgendaView();
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ dayView.Editable(false);
+ dayView.SelectedDateFormat("{0:dd-MM-yyyy}");
+ dayView.Selected(true);
+ });
+ views.AgendaView();
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.TimelineView(timelineView => {
+ timelineView.Title("Day");
+ timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
+ timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.TimelineView(timelineView => {
+ timelineView.Title("Day");
+ timelineView.StartTime(10,0,0);
+ timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.TimelineView(timelineView => {
+ timelineView.Title("Day");
+ timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
+ timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.TimelineView(timelineView => {
+ timelineView.Title("Day");
+ timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
+ timelineView.EndTime(23,0,0);
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ <%:Html.Kendo().PivotConfigurator()
+ .Name("pivotconfigurator")
+ .Sortable()
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ %>
+
+
+ @(Html.Kendo().PivotConfigurator()
+ .Name("pivotconfigurator")
+ .Sortable()
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ <%:Html.Kendo().PivotConfigurator()
+ .Name("pivotconfigurator")
+ .Sortable(sorting => sorting.AllowUnsort(true))
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ %>
+
+
+ @(Html.Kendo().PivotConfigurator()
+ .Name("pivotconfigurator")
+ .Sortable(sorting => sorting.AllowUnsort(true))
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ <%= Html.Kendo().PivotConfigurator()
+ .Name("PivotConfigurator")
+ .Sortable(sorting => sorting.Enabled((bool)ViewData["enableSorting"]))
+ %>
+
+
+ <%= Html.Kendo().PivotConfigurator()
+ .Name("PivotConfigurator")
+ .Sortable(sorting => sorting.AllowUnsort(true))
+ %>
+
+
+ <%= Html.Kendo().Diagram()
+ .Name("diagram")
+ .DataSource(dataSource => dataSource
+ .Read(read => read
+ .Action("_OrgChart", "Diagram")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Diagram()
+ .Name("diagram")
+ .DataSource(dataSource => dataSource
+ .Read(read => read
+ .Action("_OrgChart", "Diagram")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Diagram()
+ .Name("diagram")
+ .Events(events => events
+ .Click("onClick")
+ )
+ %>
+
+
+ <%= Html.Kendo().Map()
+ .Name("Map")
+ .Events(events => events
+ .Click("onClick")
+ )
+ %>
+
+
+ @(Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Events(events =>
+ events.Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Rules(rules =>
+ rules.Add("~", "/[+-]/")
+ )
+ %>
+
+
+ <%= Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Mask("999 000 000")
+ %>
+
+
+ <%= Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Culture("de-DE")
+ %>
+
+
+ @(Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ .Events(events => events.Change("change"))
+ )
+
+
+ <%= Html.Kendo().Notification()
+ .Name("Notification")
+ .Events(events =>
+ events.Click("onClick"))
+ %>
+
+
+ <%= Html.Kendo().Notification()
+ .Name("Notification")
+ .Tag("div")
+ %>
+
+
+ <% Html.Kendo().Notification()
+ .Name("Notification")
+ .Events(events => events.Hide(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Notification()
+ .Name("Notification")
+ .Events(events => events.Hide("onHide"))
+ %>
+
+
+ <% Html.Kendo().Notification()
+ .Name("Notification")
+ .Events(events => events.Show(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Notification()
+ .Name("Notification")
+ .Events(events => events.Show("onShow"))
+ %>
+
+
+ @(Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Events(events => events.Open(
+ @<text>
+ %>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Events(events => events.Open("open"))
+ )
+
+
+ @(Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Events(events => events.Close("close"))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Select("select"))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.DataBound("dataBound"))
+ %>
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Filtering(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Filtering("filtering"))
+ %>
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Open("open"))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Open(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Close("close"))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Cascade(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events => events.Cascade("cascade"))
+ )
+
+
+ <%= Html.Kendo().FlatColorPicker()
+ .Name("FlatColorPicker")
+ .Events(events =>
+ events.Select("select").Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().FlatColorPicker()
+ .Name("FlatColorPicker")
+ .Value("#ff0000")
+ %>
+
+
+ <%= Html.Kendo().FlatColorPicker()
+ .Name("FlatColorPicker")
+ .Opacity(true)
+ %>
+
+
+ <%= Html.Kendo().FlatColorPicker()
+ .Name("FlatColorPicker")
+ .Input(false)
+ %>
+
+
+ <%= Html.Kendo().FlatColorPicker()
+ .Name("FlatColorPicker")
+ .Preview(false)
+ %>
+
+
+ <%= Html.Kendo().FlatColorPicker()
+ .Name("FlatColorPicker")
+ .Buttons(false)
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale.Line(line => line.Color("#f00")))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Font("14px Arial,Helvetica,sans-serif")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Background("Red")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Color("Red")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Margin(0, 5, 5, 0)
+ )
+ )
+ %>els
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Margin(20)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Padding(0, 5, 5, 0)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Padding(20)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Border(1, "Red", ChartDashType.Dot)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Format("{0:C}")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Template("#= value #")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Opacity(0.5)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Position(GaugeRadialScaleLabelsPosition.Inside)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Theme("Black")
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .ChartArea(chartArea => chartArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Scale(scale => scale
+ .Min(10)
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Value(10)
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("gauge")
+ .Pointers(pointer =>
+ {
+ pointer.Add().Value(10);
+ pointer.Add().Value(20).Shape(GaugeLinearPointerShape.Arrow);
+ })
+ %>
+
+
+ @(Html.Kendo().LinearGauge()
+ .Name("gauge")
+ .Pointers(pointer =>
+ {
+ pointer.Add().Value(10);
+ pointer.Add().Value(20).Shape(GaugeLinearPointerShape.Arrow);
+ })
+ )
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialScale")
+ .Transitions(false)
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Theme("Black")
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .ChartArea(chartArea => chartArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Scale(scale => scale
+ .Min(10)
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Value(10)
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("gauge")
+ .Pointers(pointer =>
+ {
+ pointer.Add().Value(10);
+ pointer.Add().Value(20);
+ })
+ %>
+
+
+ @(Html.Kendo().RadialGauge()
+ .Name("gauge")
+ .Pointers(pointer =>
+ {
+ pointer.Add().Value(10);
+ pointer.Add().Value(20);
+ })
+ )
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialScale")
+ .Transitions(false)
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .MinorTicks(ticks => ticks
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .MajorTicks(ticks => ticks
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Ranges.Add()
+ .From(1)
+ .To(2)
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => sclae.MajorUnit(5))
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => sclae.MinorUnit(5))
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => sclae.Min(-20))
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => sclae.Max(20))
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => sclae.reverse(true))
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Line(line => line
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("LinearGauge")
+ .Scale(scale => scale
+ .Mirror(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("LinearGauge")
+ .Scale(scale => scale
+ .Vertical(false)
+ )
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Scale(scale => scale
+ .EndAngle(10)
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Scale(scale => scale
+ .StartAngle(220)
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Scale(scale => scale
+ .Labels(labels => labels
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Scale(scale => scale
+ .RangeSize(4)
+ )
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Scale(scale => scale
+ .RangeDistance(4)
+ )
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Animation(false) //toggle effect
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Animation(animation =>
+ {
+ animation.Open(open =>
+ {
+ open.SlideIn(SlideDirection.Down);
+ })
+ })
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Culture("de-DE")
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Events(events =>
+ events.Open("open").Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .ARIATemplate("Date: #=kendo.toString(data.current, 'd')#")
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .Footer(false)
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .Footer("#= kendo.toString(data, "G") #")
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .FooterId("widgetFooterId")
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .Depth(CalendarView.Month)
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .Start(CalendarView.Month)
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .MonthTemplateId("widgetMonthTemplateId")
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .MonthTemplate("#= data.value #")
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ .MonthTemplate(month => month.Content("#= data.value #"))
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .DataTextField("Text")
+ .DataValueField("Value")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Events(events =>
+ events.Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Filter("startswith");
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Filter(FilterType.Contains);
+ %>
+
+
+ <%= Html.Telerik().DropDownList()
+ .Name("DropDownList")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .OptionLabel("Select country...")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .DataTextField("Text")
+ .DataValueField("Value")
+ .OptionLabel(new { Text = "Text1", Value = "Value1" })
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .MinLength(3)
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .SelectedIndex(0);
+ %>
+
+
+ <%= Html.Telerik().DropDownList()
+ .Name("DropDownList2")
+ .CascadeFrom("DropDownList1")
+ %>
+
+
+ <%= Html.Telerik().DropDownList()
+ .Name("DropDownList2")
+ .CascadeFrom("DropDownList1")
+ .CascadeFromField("ParentID")
+ %>
+
+
+ <%= Html.Telerik().DropDownList()
+ .Name("DropDownList")
+ .Text("Chai")
+ .AutoBind(false)
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .ValueTemplate("#= data #")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .ValueTemplateId("widgetValueTemplateId")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Items(items => items.Add().Text("First item."))
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Items(items => items.Add().Value("1"))
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Selected(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
+ %>
+
+
+ <%= Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ .Palette(ColorPickerPalette.WebSafe)
+ %>
+
+
+ <% Html.Kendo().Editor()
+ .Name("Editor")
+ .Value(() => { %>
+ <blockquote>
+ According to Deep Thought, the answer to the ultimate question of
+ life, the universe and everything is <strong>42</strong>.
+ </blockquote>
+ <% })
+ .Render();
+ %>
+
+
+ <% Html.Kendo().Editor()
+ .Name("Editor")
+ .Value(@<blockquote>
+ According to Deep Thought, the answer to the ultimate question of
+ life, the universe and everything is <strong>42</strong>.
+ </blockquote>)
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>")
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .Events(events => events
+ .Change("onChange")
+ )
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .Tools(tools => tools
+ .Clear()
+ .Bold()
+ .Italic()
+ .Underline()
+ )
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .Tag("div")
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>")
+ .Encode(true)
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .StyleSheets(styleSheets => styleSheets.Add("editorStyles.css"))
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .FileBrowser(fileBrowser => fileBrowser
+ .File("~/Content/UserFiles/{0}")
+ .Read("Read", "FileBrowser")
+ .Create("Create", "FileBrowser")
+ .Destroy("Destroy", "FileBrowser")
+ .Upload("Upload", "FileBrowser"))
+ )
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ .ImageBrowser(imageBrowser => imageBrowser
+ .Image("~/Content/UserFiles/Images/{0}")
+ .Read("Read", "ImageBrowser")
+ .Create("Create", "ImageBrowser")
+ .Destroy("Destroy", "ImageBrowser")
+ .Upload("Upload", "ImageBrowser")
+ .Thumbnail("Thumbnail", "ImageBrowser"))
+ )
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Ranges(ranges => ranges
+ .Add().From(1).Color("Red");
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Ranges(ranges => ranges
+ .Add().To(2).Color("Red");
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Ranges(ranges => ranges
+ .Add().Color("Red");
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale
+ .Ranges(ranges => ranges
+ .Add().Opacity(0.5);
+ )
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .GaugeArea(gaugeArea => gaugeArea.Background("red"))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .GaugeArea(gaugeArea => gaugeArea.Margin(0, 5, 5, 0))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .GaugeArea(gaugeArea => gaugeArea.Margin(5))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .GaugeArea(gaugeArea => gaugeArea.Border(1, "#000", ChartDashType.Dot))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Track(track => track.Color("red"))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Track(track => track.Size(8))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Track(track => track.Visible(true))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Track(track => track.Border(1, "#000", ChartDashType.Dot))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Color("red")
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Shape(LinearGaugePointerShape.Arrow)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Margin(20, 20, 20, 20)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Margin(20)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Border(1, "#000", ChartDashType.Dot)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Opacity(0.5)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Size(8)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Value(25)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Pointer(pointer => pointer
+ .Track(track => track.Visible(true))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Cap(cap => cap.Color("red"))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Cap(cap => cap.Opacity(0.5))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Cap(cap => cap.Size(8))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Color("red")
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Opacity(0.5)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Value(25)
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ .Pointer(pointer => pointer
+ .Cap(cap => cap.Color("red"))
+ )
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale.MajorTicks(ticks => ticks.Color("#f00")))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale.MajorTicks(ticks => ticks.Width(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale.MajorTicks(ticks => ticks.Size(2)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale.MajorTicks(ticks => ticks.DashType(ChartDashType.Dot)))
+ .Render();
+ %>
+
+
+ <% Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ .Scale(scale => scale.MajorTicks(ticks => ticks.Visible(false)))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Filterable(filtering => filtering.Enabled((bool)ViewData["enableFiltering"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns =>
+ columns.Bound(o => o.OrderDate)
+ .Filterable(filterable =>
+ filterable.UI(GridFilterUIRole.DatePicker)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns =>
+ columns.Bound(o => o.OrderDate)
+ .Filterable(filterable =>
+ filterable.UI(@<text>
+ JavaScript function goes here
+ </text>)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .ColumnMenu(menu => menu.Enabled((bool)ViewData["enableColumnMenu"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .ColumnMenu(menu => menu.Sortable((bool)ViewData["enableSort"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .ColumnMenu(menu => menu.Filterable((bool)ViewData["enableFilter"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .ColumnMenu(menu => menu.Columns((bool)ViewData["enableColumns"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .ColumnMenu(menu => menu.Messages(msg => msg.Filter("Custom filter message")))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Navigatable(setting => setting.Enabled((bool)ViewData["enableKeyBoardNavigation"]))
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .LoadContentFrom("AjaxView_OpenSource", "Tooltip")
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .LoadContentFrom("AjaxView_OpenSource", "Tooltip", new { id = 10})
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .LoadContentFrom(Url.Action("AjaxView_OpenSource", "Tooltip"))
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .Content("<strong> First Item Content</strong>")
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .Content("template")
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .Animation(false)
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("#element")
+ .Animation(animation => animation.Expand)
+
+
+ <% Html.Kendo().MobileListViewView()
+ .Name("View")
+ .Items(items =>
+ {
+ items.Add().Content(() =>
+ {
+ %>
+ <strong> Item Content </strong>
+ <%
+ });
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileListView()
+ .Name("View")
+ .Items(items =>
+ {
+ items.Add().Content(
+ @<text>
+ Some text
+ <strong> Item Content </strong>
+ </text>
+ )
+ })
+ )
+
+
+ <% Html.Kendo().MobileListViewView()
+ .Name("View")
+ .Items(items =>
+ {
+ items.Add().Text("Master Item")
+ .Items(masterItem =>
+ {
+ masterItem.Add().Text("Inner Item 1");
+ masterItem.Add().Text("Inner Item 2");
+ });
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Select("select"))
+ )
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.DataBound("dataBound"))
+ %>
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Filtering(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Filtering("filtering"))
+ %>
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Open("open"))
+ )
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Open(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events => events.Close("close"))
+ )
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .AutoBind(false)
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .AutoClose(false)
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .DataTextField("Text")
+ .DataValueField("Value")
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Events(events =>
+ events.Change("change")
+ )
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Filter("startswith");
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Filter(FilterType.Contains);
+ %>
+
+
+ <%= Html.Telerik().MultiSelect()
+ .Name("MultiSelect")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .HighlightFirst(true)
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .MinLength(3)
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .MinLength(3)
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Placeholder("Select country...")
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .ItemTemplate("#= data #")
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .ItemTemplateId("widgetTemplateId")
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .TagTemplate("#= data #")
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .TagTemplateId("widgetTemplateId")
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Value(new string[] { "1" })
+ %>
+
+
+ <%= Html.Kendo().Grid<Order>()
+ .Name("Orders")
+ .Editable(settings => settings.Enabled(true))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Editable(editing => editing.AdditionalViewData(new { customers = Model.Customers }))
+ %>
+
+
+ <%= Html.Kendo().Grid<Order>()
+ .Name("Orders")
+ .Editable(settings => settings.DisplayDeleteConfirmation(true))
+ %>
+
+
+ <%= Html.Kendo().Grid<Order>()
+ .Name("Orders")
+ .Editable(settings => settings.ConfirmDelete("Yes"))
+ %>
+
+
+ <%= Html.Kendo().Grid<Order>()
+ .Name("Orders")
+ .Editable(settings => settings.ConfirmDelete("No"))
+ %>
+
+
+ <%= Html.Kendo().Grid<Order>()
+ .Name("Orders")
+ .Editable(settings => settings.CreateAt(GridInsertRowPosition.Bottom))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Title("ID"))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).FooterHtmlAttributes(new {@class="order-footer"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).FooterHtmlAttributes(new {@class="order-footer"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).HtmlAttributes(new {@class="order-cell"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).HtmlAttributes(new {@class="order-cell"}))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Width(100))
+ %>
+
+
+ <% Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o =>
+ {
+ %>
+ <%= Html.ActionLink("Edit", "Home", new { id = o.OrderID}) %>
+ <%
+ }))
+ .Width("30px")
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Visible((bool)ViewData["visible"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Locked())
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Locked((bool)ViewData["locked"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Lockable((bool)ViewData["lockable"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Hidden((bool)ViewData["hidden"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).Hidden())
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderID).IncludeInMenu((bool)ViewData["hidden"]))
+ %>
+
+
+ <%= Html.Kendo().ListView(Model)
+ .Name("ListView")
+ .Selectable(selection => selection.Enabled((bool)ViewData["enableSelection"]))
+ %>
+
+
+ <%= Html.Kendo().ListView(Model)
+ .Name("ListView")
+ .Selectable(selection => selection.Mode((bool)ViewData["selectionMode"]))
+ %>
+
+
+ <%= Html.Kendo().ListView<Order>()
+ .Name("Orders")
+ .BindTo((IEnumerable<Order>)ViewData["Orders"]);
+ %>
+
+
+ <%= Html.Kendo().ListView<Order>()
+ .Name("Orders")
+ .BindTo((IEnumerable)ViewData["Orders"]);
+ %>
+
+
+ <%= Html.Kendo().ListView<Order>()
+ .Name("Orders")
+ .ClientTemplateId("listViewTemplate");
+ %>
+
+
+ <%= Html.Kendo().ListView<Order>()
+ .Name("Orders")
+ .ClientAltTemplateId("listViewTemplate");
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .Ajax(ajax => ajax.Action("Orders", "ListView"))
+ .Pageable();
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("Grid")
+ .Ajax(ajax => ajax.Action("Orders", "ListView"))
+ .Pageable(paging => paging.Enabled(true))
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .Ajax(ajax => ajax.Action("Orders", "ListView"))
+ .Navigatable();
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .Selectable()
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .Selectable(selection => {
+ selection.Enabled(true);
+ selection.Mode(ListViewSelectionMode.Multiple);
+ })
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .TagName("div")
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .Editable(settings => settings.Enabled(true))
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .Editable()
+ %>
+
+
+ <%= Html.Kendo().ListView()
+ .Name("ListView")
+ .Events(events => events
+ .DataBound("onDataBound")
+ )
+ %>
+
+
+ <%= Html.Kendo().PivotGrid()
+ .Name("PivotGrid")
+ .Sortable(sorting => sorting.Enabled((bool)ViewData["enableSorting"]))
+ %>
+
+
+ <%= Html.Kendo().PivotGrid()
+ .Name("PivotGrid")
+ .Sortable(sorting => sorting.AllowUnsort(true))
+ %>
+
+
+ <%:Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .Sortable()
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ %>
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .Sortable()
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ <%:Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .Sortable(sorting => sorting.AllowUnsort(true))
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ %>
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .Sortable(sorting => sorting.AllowUnsort(true))
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .DataCellTemplate("#: dataItem.fmtValue #")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .DataCellTemplateId("dataCellTemplateId")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .KPIStatusTemplate("#: dataItem.value #")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .KPIStatusTemplateId("kpiStatusTemplateId")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .KPITrendTemplate("#: dataItem.value #")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .KPITrendTemplateId("kpiTrendTemplateId")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .ColumnHeaderTemplate("#: member.caption #")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .ColumnHeaderTemplateId("columnHeaderTemplateId")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .RowHeaderTemplate("#: member.caption #")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ @(Html.Kendo().PivotGrid()
+ .Name("pivotgrid")
+ .RowHeaderTemplateId("rowHeaderTemplateId")
+ .DataSource(dataSource =>
+ dataSource.Xmla()
+ .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
+ .Rows(rows => rows.Add("[Geography].[City]"))
+ .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
+ .Transport(transport => transport
+ .Connection(connection => connection
+ .Catalog("Adventure Works DW 2008R2")
+ .Cube("Adventure Works"))
+ .Read(read => read
+ .Url("http://demos.telerik.com/olap/msmdpump.dll")
+ .DataType("text")
+ .ContentType("text/xml")
+ .Type(HttpVerbs.Post)
+ )
+ )
+ )
+ )
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Animation(a => a.Enable(false))
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Animation(a => a.Duration(200))
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Animation(false)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Animation(a => a.Duration(200))
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Type(ProgressBarType.Chunk)
+ .ChunkCount(10)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Enable(false)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Events(events => events
+ .Change("onChange"))
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Max(200)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Min(50)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Orientation(ProgressBarOrientation.Vertical)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Reverse(true)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .ShowStatus(false)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Type(ProgressBarType.Percent)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Min(100)
+ .Max(200)
+ .Value(100)
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Min(100)
+ .Max(200)
+ .Value(false)
+ %>
+
+
+ <% Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Events(events => events.Change("onChange"))
+ %>
+
+
+ <% Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Events(events => events.Complete(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ .Events(events => events.Complete("onComplete"))
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border(border => border.Width(5))
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border(border => border.Width(5))
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border(border => border.Color("black"))
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border(border => border.Color("black"))
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Background("red")
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Background("red")
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border("black", 5)
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border("black", 5)
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border(border =>
+ // configure the border
+ border
+ .Color("black")
+ .Width(5)
+ )
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Border(border =>
+ // configure the border
+ border
+ .Color("black")
+ .Width(5)
+ )
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Color("blue")
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Color("blue")
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Encoding(QREncoding.UTF_8)
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Encoding(QREncoding.UTF_8)
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .ErrorCorrection(QRErrorCorrectionLevel.Q)
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .ErrorCorrection(QRErrorCorrectionLevel.Q)
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Size(170)
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Size(170)
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Value("Hello world")
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Value("Hello world")
+ %>
+
+
+ @(Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Padding(5)
+ )
+
+
+ <%:Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Padding(5)
+ %>
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("recurrenceEditor")
+ .Start(new DateTime(2013, 6, 13))
+ )
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("recurrenceEditor")
+ .FirstWeekDay(6)
+ )
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("recurrenceEditor")
+ .Timezone("Etc/UTC")
+ )
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("recurrenceEditor")
+ .Value("FREQ=WEEKLY;BYDAY=TU,TH")
+ )
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("recurrenceEditor")
+ .Frequency(frequency => frequency
+ .Add(RecurrenceEditorFrequency.Never)
+ .Add(RecurrenceEditorFrequency.Daily)
+ .Add(RecurrenceEditorFrequency.Weekly)
+ )
+ )
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("recurrenceEditor")
+ .Frequency(new List<RecurrenceEditorFrequency>() {
+ RecurrenceEditorFrequency.Never,
+ RecurrenceEditorFrequency.Daily,
+ RecurrenceEditorFrequency.Weekly,
+ }))
+
+
+ <%= Html.Kendo().RecurrenceEditor()
+ .Name("RecurrenceEditor")
+ .Events(events =>
+ events.Change("change")
+ )
+ %>
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("RecurrenceEditor")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().RecurrenceEditor()
+ .Name("RecurrenceEditor")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ dayView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
+ dayView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ dayView.StartTime(10,0,0);
+ dayView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ dayView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
+ dayView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView(dayView => {
+ dayView.Title("Day");
+ dayView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
+ dayView.EndTime(23,0,0);
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .StartTime(new DateTime(2013, 6, 13, 10, 00, 00))
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .StartTime(10, 0, 0)
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .EndTime(new DateTime(2013, 6, 13, 23, 00, 00))
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .EndTime(10,0,0)
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .WorkDayStart(new DateTime(2013, 6, 13, 10, 00, 00))
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .WorkDayStart(10, 0, 0)
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .WorkDayEnd(new DateTime(2013, 6, 13, 10, 00, 00))
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .WorkDayEnd(16,0,0)
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Height(600)
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .StartTime(new DateTime(2013, 6, 13, 10, 00, 00))
+ .EndTime(new DateTime(2013, 6, 13, 23, 00, 00))
+ .Height(600)
+ .EventTemplate(
+ "<div style='color:white'>" +
+ "<img src='" + Url.Content("~/Content/web/scheduler/") + "#= Image #' style='float:left'>" +
+ "<p>" +
+ "#: kendo.toString(Start, 'hh:mm') # - #: kendo.toString(End, 'hh:mm') #" +
+ "</p>" +
+ "<h3>#: title #</h3>" +
+ "<a href='#= Imdb #' style='color:white'>Movie in IMDB</a>" +
+ "</div>")
+ .Views(views =>
+ {
+ views.DayView();
+ views.AgendaView();
+ })
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .StartTime(new DateTime(2013, 6, 13, 10, 00, 00))
+ .EndTime(new DateTime(2013, 6, 13, 23, 00, 00))
+ .Height(600)
+ .EventTemplateId("customEventTemplate")
+ .Views(views =>
+ {
+ views.DayView();
+ views.AgendaView();
+ })
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .StartTime(new DateTime(2013, 6, 13, 10, 00, 00))
+ .EndTime(new DateTime(2013, 6, 13, 23, 00, 00))
+ .Height(600)
+ .AllDayEventTemplateId("customAllDayTemplate")
+ .Views(views =>
+ {
+ views.DayView();
+ views.AgendaView();
+ })
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Height(600)
+ .MajorTick(120)
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 7, 23))
+ .Height(400)
+ .MinorTickCount(1)
+ .BindTo(Model)
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Timezone("Europe/London")
+ .Height(600)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Width(800)
+ .Height(600)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Snap(false)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .AutoBind(false)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .WorkWeekStart(2)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .WorkWeekEnd(2)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Editable(editable =>
+ {
+ editable.Confirmation(false);
+ editable.TemplateId("customEditTemplate");
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Editable(false)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Resources(resource =>
+ {
+ resource.Add(m => m.TaskID)
+ .Title("Color")
+ .Multiple(true)
+ .DataTextField("Text")
+ .DataValueField("Value")
+ .DataSource(d => d.Read("Attendies", "Scheduler"));
+ })
+ .DataSource(dataSource => dataSource
+ .Model(m => m.Id(f => f.TaskID))
+ ))
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Resources(resource =>
+ {
+ resource.Add(m => m.TaskID)
+ .Title("Color")
+ .Multiple(true)
+ .DataTextField("Text")
+ .DataValueField("Value")
+ .DataSource(d => d.Read("Attendies", "Scheduler"));
+ })
+ .DataSource(dataSource => dataSource
+ .Model(m => m.Id(f => f.TaskID))
+ ))
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views => {
+ views.DayView();
+ views.AgendaView();
+ })
+ .BindTo(Model)
+ )
+
+
+ <%= Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events =>
+ events.Remove("remove")
+ )
+ .BindTo(Model)
+ %>
+
+
+ @model IEnumerable<Task>
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Task>>" %>
+ <: Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .BindTo(Model)
+ .DataSource(dataSource => dataSource
+ .Model(m => m.Id(f => f.TaskID))
+ )>
+
+
+ @model IEnumerable<Task>
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .BindTo(Model)
+ .DataSource(dataSource => dataSource
+ .Model(m => m.Id(f => f.TaskID))
+ ))
+
+
+ <%= Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(source =>
+ {
+ source.Read(read =>
+ {
+ read.Action("Read", "Scheduler");
+ });
+ })
+ %>
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .CurrentTimeMarker(marker =>
+ {
+ marker.UpdateInterval(100);
+ marker.UseLocalTimezone(false);
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .CurrentTimeMarker(false)
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Remove(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler()
+ .Name("Scheduler")
+ .Events(events => events.Remove("remove"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.PdfExport(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler()
+ .Name("Scheduler")
+ .Events(events => events.PdfExport("pdfExport"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Add(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Add("add"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Edit(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Edit("edit"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Cancel(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Cancel("cancel"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Change("change"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Save(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Save("save"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.DataBound("dataBound"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.DataBinding(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.DataBinding("dataBinding"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.MoveStart(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.MoveStart("moveStart"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Move(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Move("move"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.MoveEnd(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.MoveEnd("moveEnd"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.ResizeStart(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.ResizeStart("resizeStart"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Resize(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Resize("resize"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.ResizeEnd(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.ResizeEnd("resizeEnd"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ .Events(events => events.Navigate(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Scheduler<Task>()
+ .Name("Scheduler")
+ .Events(events => events.Navigate("navigate"))
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView();
+ views.AgendaView();
+ })
+ .Resources(resource =>
+ {
+ resource.Add(m => m.OwnerID)
+ .Title("Owner")
+ .Multiple(true)
+ .DataTextField("Text")
+ .DataValueField("Value")
+ .BindTo(new[] {
+ new { Text = "Alex", Value = 1, color = "red" } ,
+ new { Text = "Bob", Value = 1, color = "green" } ,
+ new { Text = "Charlie", Value = 1, color = "blue" }
+ });
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
+ .Name("scheduler")
+ .Date(new DateTime(2013, 6, 13))
+ .Views(views =>
+ {
+ views.DayView();
+ views.AgendaView();
+ })
+ .Resources(resource =>
+ {
+ resource.Add(m => m.OwnerID)
+ .Title("Owner")
+ .Multiple(true)
+ .DataTextField("Text")
+ .DataValueField("Value")
+ .DataSource(d => d.Read("Attendies", "Scheduler"));
+ })
+ .DataSource(d => d
+ .Model(m => m.Id(f => f.TaskID))
+ .Read("Read", "Scheduler")
+ .Create("Create", "Scheduler")
+ .Destroy("Destroy", "Scheduler")
+ .Update("Update", "Scheduler")
+ )
+ )
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Tooltip(tooltip => tooltip.Format("{0:P}"))
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Tooltip(tooltip => tooltip.Enable(false))
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Tooltip(tooltip => tooltip.template("${value}"))
+ %>
+
+
+ <% Html.Kendo().RangeSlider()
+ .Name("RangeSlider")
+ .Events(events => events.Change(() =>
+ {
+ %>
+ function(e) {
+ //event handling code
+ }
+ <%
+ }))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().RangeSlider()
+ .Name("RangeSlider")
+ .Events(events => events.Change("change"))
+ %>
+
+
+ <% Html.Kendo().RangeSlider()
+ .Name("RangeSlider")
+ .Events(events => events.Slide(() =>
+ {
+ %>
+ function(e) {
+ //event handling code
+ }
+ <%
+ }))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().RangeSlider()
+ .Name("RangeSlider")
+ .Events(events => events.Slide("slide"))
+ %>
+
+
+ <% Html.Kendo().Slider()
+ .Name("Slider")
+ .Events(events => events.Change(() =>
+ {
+ %>
+ function(e) {
+ //event handling code
+ }
+ <%
+ }))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Events(events => events.Change("change"))
+ %>
+
+
+ <% Html.Kendo().Slider()
+ .Name("Slider")
+ .Events(events => events.Slide(() =>
+ {
+ %>
+ function(e) {
+ //event handling code
+ }
+ <%
+ }))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Events(events => events.Slide("slide"))
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Tooltip(tooltip => tooltip
+ .Enable(true)
+ .Format("{0:P}")
+ );
+ %>
+
+
+ <%= Html.Kendo().RangeSlider()
+ .Name("RangeSlider")
+ .Events(events =>
+ events.OnChange("onChange"))
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Tooltip(tooltip => tooltip
+ .Enable(true)
+ .Format("{0:P}")
+ );
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ .Events(events =>
+ events.OnChange("onChange"))
+ %>
+
+
+ <%= Html.Kendo().Sortable()
+ .For("#sortable")
+ .CursorOffset(settings =>
+ settings.Top(10).Left(10)
+ )
+ %>
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Start(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Start("start"))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Move(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Move("move"))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.End(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.End("end"))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Cancel(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Sortable()
+ .For("#element")
+ .Events(events => events.Cancel("cancel"))
+ )
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Data(new int[] { 1, 2 })
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Data(new int[] { 1, 2 })
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Type(SparklineType.Area)
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .PointWidth(2)
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Events(events => events
+ .OnLoad("onLoad")
+ )
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Theme("Telerik")
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .ChartArea(chartArea => chartArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .PlotArea(plotArea => plotArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().Sparkline(Model)
+ .Name("Sparkline")
+ .Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ %>
+
+
+ <%= Html.Kendo().Sparkline(Model)
+ .Name("Sparkline")
+ .SeriesDefaults(series => series.Bar().Stack(true))
+ %>
+
+
+ <%= Html.Kendo().Sparkline(Model)
+ .Name("Sparkline")
+ .AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5))
+ %>
+
+
+ <%= Html.Kendo().Sparkline(Model)
+ .Name("Sparkline")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ )
+ %>
+
+
+ <%= Html.Kendo().Sparkline(Model)
+ .Name("Sparkline")
+ .ValueAxis(a => a.Numeric().TickSize(4))
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Sparkline"));
+ })
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Sparkline"));
+ })
+ .AutoBind(false)
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .SeriesColors(new string[] { "#f00", "#0f0", "#00f" })
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .SeriesColors("#f00", "#0f0", "#00f")
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Tooltip(tooltip =>
+ {
+ tooltip.Visible(true).Format("{0:C}");
+ })
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Tooltip(true)
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Transitions(false)
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().Size("220px");
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().MinSize("220px");
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().MaxSize("220px");
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().Scrollable(false);
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().Resizable(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().Collapsed(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().CollapsedSize("220px");
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().Collapsible(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add().HtmlAttributes(new { style = "background: red" });
+ })
+ %>
+
+
+ <% Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add()
+ .Content(() => { >%
+ <p>Content</p>
+ %<});
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add()
+ .Content(@<p>Content</p>);
+ })
+ .Render();)
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes =>
+ {
+ panes.Add()
+ .Content("<p>Content</p>");
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes => {
+ panes.Add()
+ .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes => {
+ panes.Add()
+ .LoadContentFrom("AjaxView_OpenSource", "Splitter");
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes => {
+ panes.Add()
+ .LoadContentFrom("AjaxView_OpenSource", "Splitter", new { id = 10 });
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes => {
+ panes.Add()
+ .LoadContentFrom(Url.Action("AjaxView_OpenSource", "Splitter"));
+ })
+ %>
+
+
+ <% Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Resize(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Resize("onResize"))
+ %>
+
+
+ <% Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Expand(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Expand("onExpand"))
+ %>
+
+
+ <% Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Collapse(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Collapse("onCollapse"))
+ %>
+
+
+ <% Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.ContentLoad(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.ContentLoad("onContentLoad"))
+ %>
+
+
+ <% Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Error(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events.Error("onError"))
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Orientation(SplitterOrientation.Vertical)
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Panes(panes => {
+ panes.Add().LoadContentFrom("Navigation", "Shared");
+ panes.Add().LoadContentFrom("Index", "Home");
+ })
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter")
+ .Events(events => events
+ .OnLoad("onLoad")
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Navigator(nav => nav
+ .Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ .Hint(hint => hint
+ .Format("{0:d} | {1:d}")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Navigator(nav => nav
+ .Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ .Hint(hint => hint
+ .Template("From: #= from # To: #= to #")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Navigator(nav => nav
+ .Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ .Hint(hint => hint
+ .Visible(false)
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("StockChart")
+ .Navigator(nav => nav.Select(DateTime.Today.AddMonths(-1), DateTime.Today))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Navigator(nav =>
+ nav.Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Navigator(nav => nav
+ .Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ .Visible(false)
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Navigator(nav =>
+ nav.Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Navigator(navi => navi
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
+ })
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Navigator(navi => navi
+ .DateField("Date")
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Navigator(navi => navi
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
+ })
+ .AutoBind(false)
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .DateField("Date")
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
+ })
+ .AutoBind(false)
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("StockChart")
+ .Navigator(nav => nav
+ .Series(series =>
+ {
+ series.Line(s => s.Volume);
+ })
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Events(events => events
+ .OnLoad("onLoad")
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Theme("Telerik")
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .ChartArea(chartArea => chartArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .PlotArea(plotArea => plotArea.margin(20))
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Title("Yearly sales")
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Title(title => title.Text("Yearly sales"))
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Legend(false)
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Legend(legend => legend.Visible(true).Position(ChartLegendPosition.Bottom))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Series(series =>
+ {
+ series.Bar(s => s.SalesAmount);
+ })
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .SeriesDefaults(series => series.Bar().Stack(true))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .Panes(panes =>
+ {
+ panes.Add("volume");
+ })
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .CategoryAxis(axis => axis
+ .Categories(s => s.DateString)
+ )
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .ValueAxis(a => a.Numeric().TickSize(4))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .XAxis(a => a.Numeric().Max(4))
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("Chart")
+ .YAxis(a => a.Numeric().Max(4))
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .DataSource(ds =>
+ {
+ ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
+ })
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .SeriesColors(new string[] { "#f00", "#0f0", "#00f" })
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .SeriesColors("#f00", "#0f0", "#00f")
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Tooltip(tooltip =>
+ {
+ tooltip.Visible(true).Format("{0:C}");
+ })
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Tooltip(true)
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("Chart")
+ .Transitions(false)
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("calendar")
+ .Culture("de-DE")
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Events(events =>
+ events.Select("onSelect")
+ )
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .FooterId("widgetFooterId")
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Footer("#= kendo.toString(data, "G") #")
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Footer(false)
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Depth(CalendarView.Month)
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .Start(CalendarView.Month)
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .MonthTemplateId("widgetMonthTemplateId")
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .MonthTemplate("#= data.value #")
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ .MonthTemplate(month => month.Content("#= data.value #"))
+ %>
+
+
+ <%= Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Events(events =>
+ events.OnLoad("onLoad").OnChange("onChange")
+ )
+ %>
+
+
+ <%= Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Format("c3")
+ %>
+
+
+ <%= Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Culture("de-DE")
+ %>
+
+
+ <%= Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Decimals(3)
+ %>
+
+
+ @(Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Events(events => events.Spin(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ .Events(events => events.Spin("spin"))
+ )
+
+
+ @(Html.Kendo().TimezoneEditor()
+ .Name("timezoneEditor")
+ .Value("Etc/UTC")
+ )
+
+
+ <%= Html.Kendo().TimezoneEditor()
+ .Name("TimezoneEditor")
+ .Events(events =>
+ events.Change("change")
+ )
+ %>
+
+
+ @(Html.Kendo().TimezoneEditor()
+ .Name("TimezoneEditor")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().TimezoneEditor()
+ .Name("TimezoneEditor")
+ .Events(events => events.Change("change"))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.Show(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.Show("show"))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.Hide(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.Hide("hide"))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.ContentLoad(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.ContentLoad("contentLoad"))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.Error(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.Error("error"))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.RequestStart(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Tooltip()
+ .For("#element")
+ .Events(events => events.RequestStart("requestStart"))
+ )
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Checkboxes(config => config
+ .Enabled(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Checkboxes(config => config
+ .CheckChildren(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Checkboxes(config => config
+ .Template("#= data #")
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Checkboxes(config => config
+ .TemplateId("widgetTemplateId")
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Checkboxes(config => config
+ .Name("checkedNodes")
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select("Index", "Home").Enabled((bool)ViewData["ajax"]);
+ })
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select(MVC.Home.Index(1).GetRouteValueDictionary());
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select("Index", "Home", new RouteValueDictionary{ {"id", 1} });
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select("Index", "Home", new { {"id", 1} });
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select("Index", "Home");
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select("Default", "Home", new RouteValueDictionary{ {"id", 1} });
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select("Default", new {id=1});
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataBinding(dataBinding =>
+ {
+ dataBinding.Ajax().Select("Default");
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .AutoBind(false)
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .CheckboxTemplate("#= data #")
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .CheckboxTemplateId("widgetTemplateId")
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Template("#= data #")
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .TemplateId("widgetTemplateId")
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Checkboxes(true)
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Checkboxes(config => config
+ .CheckChildren(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events =>
+ .OnDataBinding("onDataBinding")
+ .OnItemDataBound("onItemDataBound")
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .BindTo("examples", (item, siteMapNode) =>
+ {
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .BindTo("examples")
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .BindTo(model)
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .BindTo(new []{"First", "Second"}, (item, value) =>
+ {
+ item.Text = value;
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .BindTo(Model, mapping => mapping
+ .For<Customer>(binding => binding
+ .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property
+ .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to TreeViewItem properties
+ )
+ .For<Order<(binding => binding
+ .Children(o => null) // "Orders" do not have child objects so return "null"
+ .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to TreeViewItem properties
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .ItemAction(item =>
+ {
+ item
+ .Text(...)
+ .HtmlAttributes(...);
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .HighlightPath(true)
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Animation(false) //toggle effect
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Animation(animation =>
+ {
+ animation.Expand(open =>
+ {
+ open.SlideIn(SlideDirection.Down);
+ });
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .ExpandAll(true)
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ .DragAndDrop(true)
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .SecurityTrimming(false)
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .SecurityTrimming(builder =>
+ {
+ builder.Enabled(true).HideParent(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .DataSource(dataSource => dataSource
+ .Read(read => read
+ .Action("Employees", "TreeView")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .LoadOnDemand(false)
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Collapse(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Collapse("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.DataBound("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Drag(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Drag("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.DragEnd(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.DragEnd("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.DragStart(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.DragStart("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Drop(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Drop("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Expand(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Expand("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Select("onExpand"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Change("onChange"))
+ %>
+
+
+ <% Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Check(
+ @<text>
+ function(e) {
+ // event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ .Events(events => events.Check("onCheck"))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Attributes(new {@class="first-item"}))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item"))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item").Visible((bool)ViewData["visible"]))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item").Enabled((bool)ViewData["enabled"]))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item").Selected(true))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item").Route("Default", new RouteValueDictionary{{"id", 1}}))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item").Route("Default", new {id, 1}))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item").Route("Default"))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("Index").Action(MVC.Home.Index(3).GetRouteValueDictionary()))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("Index").Action("Index", "Home", new RouteValueDictionary{{"id", 1}}))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("Index").Action("Index", "Home", new {id, 1}))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("Index").Action("Index", "Home"))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("www.example.com").Url("http://www.example.com"))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("First Item").ImageUrl("~/Content/first.png"))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items
+ .Add().Text("First Item")
+ .ImageUrl("~/Content/first.png")
+ .ImageHtmlAttributes(new {@class="first-item-image"}))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items
+ .Add().Text("First Item")
+ .SpriteCssClasses("icon", "first-item"))
+ %>
+
+
+ <% Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items
+ .Add()
+ .Text("First Item")
+ .Content(() =>
+ {
+ %>
+ <strong> First Item Content</strong>
+ <%
+ }))
+ .Render();
+ %>
+
+
+ @(Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items
+ .Add()
+ .Text("First Item")
+ .Content(
+ @<text>
+ Some text
+ <strong> First Item Content</strong>
+ </text>
+ );
+ )
+ )
+
+
+ <% Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items
+ .Add()
+ .Text("First Item")
+ .Content("<strong> First Item Content</strong>");
+ )
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items
+ .Add().Text("First Item")
+ .Content(() => { %> <strong>First Item Content</strong> <% })
+ .ContentHtmlAttributes(new {@class="first-item-content"})
+ )
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items
+ .Add().Text("First Item")
+ .Action<HomeController>(controller => controller.Index()))
+
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => items.Add().Text("<strong>First Item</strong>").Encoded(false))
+ %>
+
+
+ <%= Html.Telerik().TreeView()
+ .Name("TreeView")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Items(firstItemChildren =>
+ {
+ firstItemChildren.Add().Text("Child Item 1");
+ firstItemChildren.Add().Text("Child Item 2");
+ });
+ })
+ %>
+
+
+ <%= Html.Telerik().TreeView()
+ .Name("TreeView")
+ .Items(items => items.Add().Id("42"))
+ %>
+
+
+ <%= Html.Telerik().TreeView()
+ .Name("TreeView")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Items(firstItemChildren =>
+ {
+ firstItemChildren.Add().Text("Child Item 1");
+ firstItemChildren.Add().Text("Child Item 2");
+ })
+ .Expanded(true);
+ })
+ %>
+
+
+ <%= Html.Telerik().TreeView()
+ .Name("TreeView")
+ .Checkboxes(true)
+ .Items(items =>
+ {
+ items.Add().Text("Item").Checked(true);
+ })
+ %>
+
+
+ <%= Html.Telerik().TreeView()
+ .Name("TreeView")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Items(firstItemChildren =>
+ {
+ firstItemChildren.Add().Text("Child Item 1");
+ firstItemChildren.Add().Text("Child Item 2");
+ })
+ .HasChildren(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .ARIATemplate("Date: #=kendo.toString(data.current, 'd')#")
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .FooterId("widgetFooterId")
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Footer("#= kendo.toString(data, "G") #")
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Footer(false)
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Depth(CalendarView.Month)
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .Start(CalendarView.Month)
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .MonthTemplateId("widgetMonthTemplateId")
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .MonthTemplate("#= data.value #")
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ .MonthTemplate(month => month.Content("#= data.value #"))
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(parent => {
+
+ parent.Add()
+ .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(parent => {
+
+ parent.Add()
+ .Text("Completely Open Source")
+ .LoadContentFrom("AjaxView_OpenSource", "PanelBar");
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(parent => {
+
+ parent.Add()
+ .Text("Completely Open Source")
+ .LoadContentFrom("AjaxView_OpenSource", "PanelBar", new { id = 10});
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(parent => {
+
+ parent.Add()
+ .Text("Completely Open Source")
+ .LoadContentFrom(Url.Action("AjaxView_OpenSource", "PanelBar"));
+ })
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderDate).Format("{0:dd/MM/yyyy}"))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => {
+ columns.Bound(o => o.Customer).EditorViewData(new { customers = Model.Customers });
+ })
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderDate).Sortable(false))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderDate).Groupable(false))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderDate).Filterable(false))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns.Bound(o => o.OrderDate).Encoded(false))
+ %>
+
+
+ <% Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Columns(columns => columns
+ .Add(c => c.CustomerID)
+ .Template(() =>
+ {
+ %>
+ >img
+ alt="<%= c.CustomerID %>"
+ src="<%= Url.Content("~/Content/Grid/Customers/" + c.CustomerID + ".jpg") %>"
+ />
+ <%
+ }).Title("Picture");)
+ .Render();
+ %>
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Change(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Change("gridChange"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Cancel(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Cancel("gridCancel"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Edit(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Edit("gridEdit"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ExcelExport(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ExcelExport("gridExcelExport"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.PdfExport(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.PdfExport("gridPdfExport"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Save(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Save("gridSave"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.SaveChanges(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.SaveChanges("gridSaveChanges"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DetailExpand(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DetailExpand("gridDetailExpand"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DetailInit(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DetailInit("gridDetailInit"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DetailCollapse(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DetailCollapse("gridDetailCollapse"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Remove(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.Remove("gridRemove"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DataBound(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DataBound("gridDataBound"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DataBinding(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.DataBinding("gridDataBinding"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnResize(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnResize("gridColumnResize"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnReorder(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnReorder("gridColumnReorder"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnHide(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnHide("gridColumnHide"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnShow(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnShow("gridColumnShow"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnMenuInit(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnMenuInit("gridColumnMenuInit"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.FilterMenuInit(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.FilterMenuInit("gridFilterMenuInit"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnLock(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnLock("gridColumnLock"))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnUnlock(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ )
+
+
+ @(Html.Kendo().Grid()
+ .Name("Grid")
+ .Events(events => events.ColumnUnlock("gridColumnUnlock"))
+ )
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Scrollable(s => s.Enabled((bool)ViewData["enableScrolling"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Scrollable(s => s.Height(400))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Scrollable(s => s.Height("20em")) // use "auto" to remove the default height and make the Grid expand automatically
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Selectable(selection => selection.Enabled((bool)ViewData["enableSelection"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Selectable(selection => selection.Mode((bool)ViewData["selectionMode"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Selectable(selection => selection.Type((bool)ViewData["selectionType"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Sorting(sorting => sorting.Enabled((bool)ViewData["enableSorting"]))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Sorting(sorting => sorting.SortMode(GridSortMode.MultipleColumns))
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Sorting(sorting => sorting.AllowUnsort(true))
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" %>
+ <% Html.Kendo().Grid(Model)
+ .Name("grid")
+ .DetailTemplate(product => {
+ %>
+ Product Details:
+ <div>Product Name: <%: product.ProductName %></div>
+ <div>Units In Stock: <%: product.UnitsInStock %></div>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @model IEnumerable<Product>
+ @(Html.Kendo().Grid(Model)
+ .Name("grid")
+ .DetailTemplate(@<text>
+ Product Details:
+ <div>Product Name: @product.ProductName</div>
+ <div>Units In Stock: @product.UnitsInStock</div>
+ </text>)
+ )
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientDetailTemplateId("detail-template")
+ )
+ <script id="detail-template" type="text/x-kendo-template">
+ Product Details:
+ <div>Product Name: #: ProductName # </div>
+ <div>Units In Stock: #: UnitsInStock #</div>
+ </script>
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientDetailTemplateId("detail-template")
+ %>
+ <script id="detail-template" type="text/x-kendo-template">
+ Product Details:
+ <div>Product Name: #: ProductName # </div>
+ <div>Units In Stock: #: UnitsInStock #</div>
+ </script>
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" %>
+ <%: Html.Kendo().Grid(Model)
+ .Name("grid")
+ .RowTemplate((product, grid) =>
+ {
+ %>
+ <div>Product Name: <%: product.ProductName %></div>
+ <div>Units In Stock: <%: product.UnitsInStock %></div>
+ <%
+ })
+ %>
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" %>
+ <%: Html.Kendo().Grid(Model)
+ .Name("grid")
+ .RowTemplate(product =>
+ {
+ %>
+ <div>Product Name: <%: product.ProductName %></div>
+ <div>Units In Stock: <%: product.UnitsInStock %></div>
+ <%
+ })
+ %>
+
+
+ @model IEnumerable<Product>
+ @(Html.Kendo().Grid(Model)
+ .Name("grid")
+ .RowTemplate(@<text>
+ <div>Product Name: @product.ProductName</div>
+ <div>Units In Stock: @product.UnitsInStock</div>
+ </text>)
+ )
+
+
+ @model IEnumerable<Product>
+ @(Html.Kendo().Grid(Model)
+ .Name("grid")
+ .RowTemplate(grid => @<text>
+ <div>Product Name: @product.ProductName</div>
+ <div>Units In Stock: @product.UnitsInStock</div>
+ </text>)
+ )
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientRowTemplate(
+ "<tr>" +
+ "<td>#: ProductName #</td>" +
+ "<td>#: UnitsInStock #</td>" +
+ "</tr>"
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientRowTemplate(
+ "<tr>" +
+ "<td>#: ProductName #</td>" +
+ "<td>#: UnitsInStock #</td>" +
+ "</tr>"
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientAltRowTemplate(
+ "<tr class='k-alt'>" +
+ "<td>#: ProductName #</td>" +
+ "<td>#: UnitsInStock #</td>" +
+ "</tr>"
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientAltRowTemplate(
+ "<tr class='k-alt'>" +
+ "<td>#: ProductName #</td>" +
+ "<td>#: UnitsInStock #</td>" +
+ "</tr>"
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientRowTemplate(grid =>
+ "<tr>" +
+ "<td>#: ProductName #</td>" +
+ "<td>#: UnitsInStock #</td>" +
+ "</tr>"
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ClientRowTemplate(grid =>
+ "<tr>" +
+ "<td>#: ProductName #</td>" +
+ "<td>#: UnitsInStock #</td>" +
+ "</tr>"
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .AutoBind(false)
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .AutoBind(false)
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Resizable(resizing => resizing.Columns(true))
+ )
+
+
+ <%= Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Resizable(resizing => resizing.Columns(true))
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ColumnResizeHandleWidth(8)
+ )
+
+
+ <%= Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ColumnResizeHandleWidth(8)
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Reorderable(reordering => reordering.Columns(true))
+ )
+
+
+ <%= Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Reorderable(reordering => reordering.Columns(true))
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Editable(editing => editing.Mode(GridEditMode.PopUp))
+ )
+
+
+ <%= Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Editable(editing => editing.Mode(GridEditMode.PopUp))
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Editable()
+ )
+
+
+ <%= Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Editable()
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ToolBar(commands => commands.Create())
+ )
+
+
+ <%= Html.Kendo().Grid<Product>()
+ .Name("Grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ToolBar(commands => commands.Create())
+ %>
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" %>
+ <%: Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .BindTo(Model)
+ %>
+
+
+ @model IEnumerable<Product>
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .BindTo(Model)
+ )
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable>" %>
+ <%: Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .BindTo(Model)
+ %>
+
+
+ @model IEnumerable;
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .BindTo(Model)
+ )
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable>" %>
+ <%: Html.Kendo().Grid(Model)
+ .Name("grid")
+ .RowAction(row =>
+ {
+ // "DataItem" is the Product instance to which the current row is bound
+ if (row.DataItem.UnitsInStock > 10)
+ {
+ //Set the background of the entire row
+ row.HtmlAttributes["style"] = "background:red;";
+ }
+ });
+ %>
+
+
+ @model IEnumerable<Product>
+ @(Html.Kendo().Grid(Model)
+ .Name("grid")
+ .RowAction(row =>
+ {
+ // "DataItem" is the Product instance to which the current row is bound
+ if (row.DataItem.UnitsInStock > 10)
+ {
+ //Set the background of the entire row
+ row.HtmlAttributes["style"] = "background:red;";
+ }
+ });
+ )
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable>" %>
+ <%: Html.Kendo().Grid(Model)
+ .Name("grid")
+ .CellAction(cell =>
+ {
+ if (cell.Column.Name == "UnitsInStock")
+ {
+ if (cell.DataItem.UnitsInStock > 10)
+ {
+ //Set the background of this cell only
+ cell.HtmlAttributes["style"] = "background:red;";
+ }
+ }
+ })
+ %>
+
+
+ @model IEnumerable<Product>
+ @(Html.Kendo().Grid(Model)
+ .Name("grid")
+ .CellAction(cell =>
+ {
+ if (cell.Column.Name == "UnitsInStock")
+ {
+ if (cell.DataItem.UnitsInStock > 10)
+ {
+ //Set the background of this cell only
+ cell.HtmlAttributes["style"] = "background:red;";
+ }
+ }
+ })
+ )
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .EnableCustomBinding(true)
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .EnableCustomBinding(true)
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Columns(columns =>
+ {
+ columns.Bound(product => product.ProductName).Title("Product Name");
+ columns.Command(command => command.Destroy());
+ })
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Destroy(destroy => destroy.Action("Products_Destroy", "Home"))
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Columns(columns =>
+ {
+ columns.Bound(product => product.ProductName).Title("Product Name");
+ columns.Command(command => command.Destroy());
+ })
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Destroy(destroy => destroy.Action("Products_Destroy", "Home"))
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Sortable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Sortable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Sortable(sorting => sorting.SortMode(GridSortMode.MultipleColumn))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Sortable(sorting => sorting.SortMode(GridSortMode.MultipleColumn))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Selectable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Selectable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Selectable(selection => selection.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Selectable(selection => selection.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" %>
+ <%: Html.Kendo().Grid(Model)
+ .Name("grid")
+ .PrefixUrlParameters(false)
+ %>
+
+
+ @model IEnumerable<Product>
+ @(Html.Kendo().Grid(Model)
+ .Name("grid")
+ .PrefixUrlParameters(false)
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Pageable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Pageable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Pageable(paging =>
+ paging.Refresh(true)
+ )
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Pageable(paging =>
+ paging.Refresh(true)
+ )
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Filterable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Filterable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Filterable(filtering => filtering.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Filterable(filtering => filtering.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ColumnMenu()
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ColumnMenu()
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ColumnMenu(columnMenu => columnMenu.Enabled(true))
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .ColumnMenu(columnMenu => columnMenu.Enabled(true))
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Scrollable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Scrollable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Scrollable(scrolling => scrolling.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Scrollable(scrolling => scrolling.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Navigatable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Navigatable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Navigatable(navigation => navigation.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Navigatable(navigation => navigation.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Events(events => events.DataBound("grid_dataBound"))
+ %>
+ <script>
+ function grid_dataBound(e) {
+ // handle the dataBound event
+ }
+ </script>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ .Events(events => events.DataBound("grid_dataBound"))
+ )
+ <script>
+ function grid_dataBound(e) {
+ // handle the dataBound event
+ }
+ </script>
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Groupable(grouping => grouping.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Groupable(grouping => grouping.Enabled(true))
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%:Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Groupable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ %>
+
+
+ @(Html.Kendo().Grid<Product>()
+ .Name("grid")
+ .Groupable()
+ .DataSource(dataSource =>
+ // configure the data source
+ dataSource
+ .Ajax()
+ .Read(read => read.Action("Products_Read", "Home"))
+ )
+ )
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ .Pageable(paging => paging.Enabled((bool)ViewData["enablePaging"]))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events =>
+ events.Open("onOpen").OnClose("onClose")
+ )
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Direction(MenuDirection.Left)
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Direction("top")
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Orientation(MenuOrientation.Vertical)
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .OpenOnClick(true)
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .CloseOnClick(false)
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .HoverDelay(300)
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .BindTo("examples", (item, siteMapNode) =>
+ {
+ })
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .BindTo("examples")
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .BindTo(new []{"First", "Second"}, (item, value) =>
+ {
+ item.Text = value;
+ })
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .BindTo(Model, mapping => mapping
+ .For<Customer>(binding => binding
+ .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property
+ .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to MenuItem properties
+ )
+ .For<Order<(binding => binding
+ .Children(o => null) // "Orders" do not have child objects so return "null"
+ .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to MenuItem properties
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .ItemAction(item =>
+ {
+ item
+ .Text(...)
+ .HtmlAttributes(...);
+ })
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .HighlightPath(true)
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .SecurityTrimming(false)
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .SecurityTrimming(builder =>
+ {
+ builder.Enabled(true).HideParent(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Items(firstItemChildren =>
+ {
+ firstItemChildren.Add().Text("Child Item 1");
+ firstItemChildren.Add().Text("Child Item 2");
+ });
+ })
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items =>
+ {
+ items.Add().Separator(true);
+ })
+ %>
+
+
+ <% Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Open(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Open("onOpen"))
+ %>
+
+
+ <% Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Close("onClose"))
+ %>
+
+
+ <% Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Activate(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Activate("onActivate"))
+ %>
+
+
+ <% Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Deactivate(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Deactivate("onDeactivate"))
+ %>
+
+
+ <% Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Events(events => events.Select("onSelect"))
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events =>
+ events.Expand("expand").Collapse("collapse")
+ )
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .BindTo("examples", (item, siteMapNode) =>
+ {
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .BindTo("examples")
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .BindTo(new []{"First", "Second"}, (item, value) =>
+ {
+ item.Text = value;
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .BindTo(Model, mapping => mapping
+ .For<Customer>(binding => binding
+ .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property
+ .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to PanelBarItem properties
+ )
+ .For<Order<(binding => binding
+ .Children(o => null) // "Orders" do not have child objects so return "null"
+ .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to PanelBarItem properties
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Animation(false)
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Animation(animation => animation.Expand(config => config.Fade(FadeDirection.In)))
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .ItemAction(item =>
+ {
+ item
+ .Text(...)
+ .HtmlAttributes(...);
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .HighlightPath(true)
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .ExpandAll(true)
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .ExpandMode(PanelBarExpandMode.Multiple)
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ .SelectedIndex(1)
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .SecurityTrimming(false)
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .SecurityTrimming(builder =>
+ {
+ builder.Enabled(true).HideParent(true);
+ })
+ %>
+
+
+ <% Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Expand(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Expand("expand"))
+ %>
+
+
+ <% Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.ContentLoad(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.ContentLoad("contentLoad"))
+ %>
+
+
+ <% Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Collapse(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Collapse("collapse"))
+ %>
+
+
+ <% Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Select("select"))
+ %>
+
+
+ <% Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Error(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Events(events => events.Error("onError"))
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Items(firstItemChildren =>
+ {
+ firstItemChildren.Add().Text("Child Item 1");
+ firstItemChildren.Add().Text("Child Item 2");
+ });
+ })
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Items(firstItemChildren =>
+ {
+ firstItemChildren.Add().Text("Child Item 1");
+ firstItemChildren.Add().Text("Child Item 2");
+ })
+ .Expanded(true);
+ })
+ %>
+
+
+ <% Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Show(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Show("onActivate"))
+ %>
+
+
+ <% Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Activate(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Activate("onActivate"))
+ %>
+
+
+ <% Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Select("onSelect"))
+ %>
+
+
+ <% Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.ContentLoad(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.ContentLoad("onContentLoad"))
+ %>
+
+
+ <% Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Error(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events => events.Error("onError"))
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Events(events =>
+ events.Select("onSelect").OnLoad("onLoad")
+ )
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("PanelBar")
+ .Animation(false)
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("PanelBar")
+ .Animation(animation => animation.Open(config => config.Fade(FadeDirection.In)))
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .BindTo("examples", (item, siteMapNode) =>
+ {
+ })
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .BindTo("examples")
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .BindTo(new []{"First", "Second"}, (item, value) =>
+ {
+ item.Text = value;
+ })
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ .SelectedIndex(1)
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .ItemAction(item =>
+ {
+ item
+ .Text(...)
+ .HtmlAttributes(...);
+ })
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .HighlightPath(true)
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Navigatable(false)
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .SecurityTrimming(false)
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("files")
+ .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt"))
+ .Async(a => a
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ .AutoUpload(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("files")
+ .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt"))
+ .Async(a => a
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ .AutoUpload(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("files")
+ .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt"))
+ .Async(a => a
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ .AutoUpload(true)
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .Retry("retry")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .Cancel("cancel")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .DropFilesHere("drop files here")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .Remove("drop files here")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .Retry("retry")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .Select("select")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .StatusFailed("failed")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .StatusUploaded("uploaded")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .StatusUploading("uploading")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .HeaderStatusUploading("header uploading")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .HeaderStatusUploaded("header uploaded")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Messages(msgs => msgs
+ .UploadSelectedFiles("uploading")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Save", "Home", new RouteValueDictionary{ {"id", 1} })
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Save", "Home", new RouteValueDictionary{ {"id", 1} });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Save", "Home", new { id = 1 });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Save", "Home");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Default");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save(MVC.Home.Save(1).GetRouteValueDictionary());
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Default", "Home", new RouteValueDictionary{ {"id", 1} });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Default", new { id = 1 });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save<HomeController>(controller => controller.Save())
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .SaveField("attachment");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .SaveUrl("/save");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove("Remove", "Home", new RouteValueDictionary{ {"id", 1} });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove("Remove", "Home", new { id = 1 });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove("Remove", "Home");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove("Default");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove(MVC.Home.Remove(1).GetRouteValueDictionary());
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove("Default", "Home", new RouteValueDictionary{ {"id", 1} });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove("Default", new { id = 1 });
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Remove<HomeController>(controller => controller.Remove())
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .RemoveUrl("/remove");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .RemoveField("attachments");
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events
+ .Upload("onUpload")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Enable(false)
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Multiple(false)
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ );
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ );
+ %>
+
+
+ @(Html.Kendo().Upload()
+ .Name("files")
+ .TemplateId("fileTemplate")
+ .Async(a => a
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ .AutoUpload(true)
+ )
+ )
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .TemplateId("fileTemplate")
+ .Async(async => async
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ )
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("files")
+ .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt"))
+ .Async(a => a
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ .AutoUpload(true)
+ )
+ %>
+
+
+ @(Html.Kendo().Upload()
+ .Name("files")
+ .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt"))
+ .Async(a => a
+ .Save("Save", "Compose")
+ .Remove("Remove", "Compose")
+ .AutoUpload(true)
+ )
+ )
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Select("onSelect"))
+ %>
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Upload(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Upload("onUpload"))
+ %>
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Success(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Success("onSuccess"))
+ %>
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Error(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Error("onError"))
+ %>
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Complete(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Complete("onComplete"))
+ %>
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Cancel(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Cancel("onCancel"))
+ %>
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Remove(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Remove("onRemove"))
+ %>
+
+
+ <% Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Progress(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Events(events => events.Progress("onProgress"))
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => { /* add items here */ });
+ %>
+
+
+ <%= Html.Kendo().Grid<Order>()
+ .Name("Grid")
+ .BindTo(Model)
+ %>
+
+
+ <%= Html.Kendo().Grid(Model)
+ .Name("Grid")
+ %>
+
+
+ <%= Html.Kendo().Grid<Order>("orders")
+ .Name("Grid")
+ %>
+
+
+ <%= Html.Kendo().ListView<Order>()
+ .Name("ListView")
+ .BindTo(Model)
+ %>
+
+
+ <%= Html.Kendo().ListView(Model)
+ .Name("ListView")
+ %>
+
+
+ <%= Html.Kendo().ListView<Order>("orders")
+ .Name("ListView")
+ %>
+
+
+ <%= Html.Kendo().MobileListView<Order>()
+ .Name("MobileListView")
+ .BindTo(Model)
+ %>
+
+
+ <%= Html.Kendo().MobileListView()
+ .Name("MobileListView")
+ .Items(items =>
+ {
+ items.Add().Text("Item");
+ items.AddLink().Text("Link Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().MobileListView(Model)
+ .Name("MobileListView")
+ %>
+
+
+ <%= Html.Kendo().MobileListView<Order>("orders")
+ .Name("MobileListView")
+ %>
+
+
+ <%= Html.Kendo().Splitter()
+ .Name("Splitter");
+ %>
+
+
+ <%= Html.Kendo().TabStrip()
+ .Name("TabStrip")
+ .Items(items =>
+ {
+ items.Add().Text("First");
+ items.Add().Text("Second");
+ })
+ %>
+
+
+ <%= Html.Kendo().DateTimePicker()
+ .Name("DateTimePicker")
+ %>
+
+
+ <%= Html.Kendo().DatePicker()
+ .Name("DatePicker")
+ %>
+
+
+ <%= Html.Kendo().TimePicker()
+ .Name("TimePicker")
+ %>
+
+
+ <%= Html.Kendo().Barcode()
+ .For("Container")
+ %>
+
+
+ <%= Html.Kendo().Sortable()
+ .For("Container")
+ %>
+
+
+ <%= Html.Kendo().Tooltip()
+ .For("Container")
+ %>
+
+
+ <%= Html.Kendo().ColorPalette()
+ .Name("ColorPalette")
+ %>
+
+
+ <%= Html.Kendo().FlatColorPicker()
+ .Name("FlatColorPicker")
+ %>
+
+
+ <%= Html.Kendo().Calendar()
+ .Name("Calendar")
+ %>
+
+
+ <%= Html.Kendo().PanelBar()
+ .Name("PanelBar")
+ .Items(items =>
+ {
+ items.Add().Text("First");
+ items.Add().Text("Second");
+ })
+ %>
+
+
+ <%= Html.Kendo().RecurrenceEditor()
+ .Name("recurrenceEditor")
+ .FirstWeekDay(0)
+ .Timezone("Etc/UTC")
+ %>
+
+
+ <%= Html.Kendo().TimezoneEditor()
+ .Name("timezoneEditor")
+ .Value("Etc/UTC")
+ %>
+
+
+ <%= Html.Kendo().Scheduler<SchedulerEvent>()
+ .Name("Scheduler")
+ %>
+
+
+ <%= Html.Kendo().PivotGrid()
+ .Name("PivotGrid")
+ %>
+
+
+ <%= Html.Kendo().PivotGrid<EventData>()
+ .Name("PivotGrid")
+ %>
+
+
+ <%= Html.Kendo().PivotConfigurator()
+ .Name("PivotConfigurator")
+ %>
+
+
+ <%= Html.Kendo().NumericTextBox()
+ .Name("NumericTextBox")
+ %>
+
+
+ <%= Html.Kendo().NumericTextBox<double>()
+ .Name("NumericTextBox")
+ %>
+
+
+ <%= Html.Kendo().CurrencyTextBox()
+ .Name("CurrencyTextBox")
+ %>
+
+
+ <%= Html.Kendo().PercentTextBox()
+ .Name("PercentTextBox")
+ %>
+
+
+ <%= Html.Kendo().IntegerTextBox()
+ .Name("IntegerTextBox")
+ %>
+
+
+ <%= Html.Kendo().MaskedTextBox()
+ .Name("MaskedTextBox")
+ %>
+
+
+ <%= Html.Kendo().CheckBox()
+ .Name("CheckBox")
+ %>
+
+
+ <%= Html.Kendo().RadioButton()
+ .Name("RadioButton")
+ %>
+
+
+ <%= Html.Kendo().TextBox()
+ .Name("TextBox")
+ %>
+
+
+ <%= Html.Kendo().TextBox<double>()
+ .Name("TextBox")
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ %>
+
+
+ <%= Html.Kendo().LinearGauge()
+ .Name("linearGauge")
+ %>
+
+
+ <%= Html.Kendo().RadialGauge()
+ .Name("radialGauge")
+ %>
+
+
+ <%= Html.Kendo().DropDownList()
+ .Name("DropDownList")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().ComboBox()
+ .Name("ComboBox")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().AutoComplete()
+ .Name("AutoComplete")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().MultiSelect()
+ .Name("MultiSelect")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ %>
+
+
+ <%= Html.Kendo().Slider()
+ .Name("Slider")
+ %>
+
+
+ <%= Html.Kendo().RangeSlider()
+ .Name("RangeSlider")
+ %>
+
+
+ <%= Html.Kendo().RangeSlider()
+ .Name("RangeSlider")
+ %>
+
+
+ <%= Html.Kendo().ProgressBar()
+ .Name("progressBar")
+ %>
+
+
+ <%= Html.Kendo().Upload()
+ .Name("Upload")
+ .Async(async => async
+ .Save("ProcessAttachments", "Home")
+ .Remove("RemoveAttachment", "Home")
+ )
+ %>
+
+
+ <%= Html.Kendo().Button()
+ .Name("Button1");
+ %>
+
+
+ <%= Html.Kendo().Notification()
+ .Name("Notification1");
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ %>
+
+
+ <%= Html.Kendo().Chart(Model)
+ .Name("Chart")
+ %>
+
+
+ <%= Html.Kendo().Chart<SalesData>("sales")
+ .Name("Chart")
+ %>
+
+
+ <%= Html.Kendo().Chart()
+ .Name("Chart")
+ .Series(series => {
+ series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales");
+ })
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("StockChart")
+ %>
+
+
+ <%= Html.Kendo().StockChart(Model)
+ .Name("StockChart")
+ %>
+
+
+ <%= Html.Kendo().StockChart<SalesData>("sales")
+ .Name("StockChart")
+ %>
+
+
+ <%= Html.Kendo().StockChart()
+ .Name("StockChart")
+ .Series(series => {
+ series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales");
+ })
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ %>
+
+
+ <%= Html.Kendo().Sparkline(Model)
+ .Name("Sparkline")
+ %>
+
+
+ <%= Html.Kendo().Sparkline<SalesData>("sales")
+ .Name("Sparkline")
+ %>
+
+
+ <%= Html.Kendo().Sparkline()
+ .Name("Sparkline")
+ .Series(series => {
+ series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales");
+ })
+ %>
+
+
+ <%= Html.Kendo().QRCode()
+ .Name("qrCode")
+ .Value("Hello World")
+ %>
+
+
+ <%= Html.Kendo().Menu()
+ .Name("Menu")
+ .Items(items => { /* add items here */ });
+ %>
+
+
+ <%= Html.Kendo().ColorPicker()
+ .Name("ColorPicker")
+ %>
+
+
+ <%= Html.Kendo().Diagram()
+ .Name("Diagram")
+ %>
+
+
+ <%= Html.Kendo().Editor()
+ .Name("Editor")
+ %>
+
+
+ <%= Html.Kendo().Gantt()
+ .Name("Gantt")
+ %>
+
+
+ <%= Html.Kendo().Map()
+ .Name("Map")
+ %>
+
+
+ <%= Html.Kendo().ToolBar()
+ .Name("ToolBar")
+ %>
+
+
+ <%= Html.Kendo().TreeList()
+ .Name("TreeList")
+ %>
+
+
+ <%= Html.Kendo().TreeMap()
+ .Name("TreeMap")
+ %>
+
+
+ <%= Html.Kendo().TreeView()
+ .Name("TreeView")
+ %>
+
+
+ <%= Html.Kendo().Diagram()
+ .Name("Diagram")
+ %>
+
+
+ <%= Html.Kendo().Gantt(ViewBag.Tasks)
+ .Name("Gantt")
+ %>
+
+
+ <%= Html.Kendo().Gantt("tasks")
+ .Name("Gantt")
+ %>
+
+
+ <%= Html.Kendo().MobileActionSheet()
+ .Name("MobileActionSheet")
+ %>
+
+
+ <%= Html.Kendo().MobileBackButton()
+ .Name("MobileBackButton")
+ %>
+
+
+ <%= Html.Kendo().MobileButton()
+ .Name("MobileButton")
+ %>
+
+
+ <%= Html.Kendo().MobileButtonGroup()
+ .Name("MobileButtonGroup")
+ %>
+
+
+ <%= Html.Kendo().MobileDetailButton()
+ .Name("MobileDetailButton")
+ %>
+
+
+ <%= Html.Kendo().MobileDrawer()
+ .Name("MobileDrawer")
+ %>
+
+
+ <%= Html.Kendo().MobileLayout()
+ .Name("MobileLayout")
+ %>
+
+
+ <%= Html.Kendo().MobileModalView()
+ .Name("MobileModalView")
+ %>
+
+
+ <%= Html.Kendo().MobileNavBar()
+ .Name("MobileNavBar")
+ %>
+
+
+ <%= Html.Kendo().MobilePopOver()
+ .Name("MobilePopOver")
+ %>
+
+
+ <%= Html.Kendo().MobileScrollView()
+ .Name("MobileScrollView")
+ %>
+
+
+ <%= Html.Kendo().MobileSplitView()
+ .Name("MobileSplitView")
+ %>
+
+
+ <%= Html.Kendo().MobileSwitch()
+ .Name("MobileSwitch")
+ %>
+
+
+ <%= Html.Kendo().MobileTabStrip()
+ .Name("MobileTabStrip")
+ %>
+
+
+ <%= Html.Kendo().MobileView()
+ .Name("MobileView")
+ %>
+
+
+ <%= Html.Kendo().NumericTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().NumericTextBoxFor(m=>m.NullableProperty) %>
+
+
+ <%= Html.Kendo().IntegerTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().IntegerTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().IntegerTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().IntegerTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().CurrencyTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().CurrencyTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().PercentTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().PercentTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().MaskedTextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().CheckBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().RadioButtonFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().TextBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().DateTimePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().DateTimePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().ColorPickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().DatePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().DatePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().TimePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().TimePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().TimePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().TimePickerFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().DropDownListFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().ComboBoxFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().AutoCompleteFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().MultiSelectFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().SliderFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().SliderFor(m=>m.NullableProperty) %>
+
+
+ <%= Html.Kendo().SliderFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().SliderFor(m=>m.NullableProperty) %>
+
+
+ <%= Html.Kendo().RangeSliderFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().RangeSliderFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().LinearGaugeFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().LinearGaugeFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().RadialGaugeFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().RadialGaugeFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().RecurrenceEditorFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().TimezoneEditorFor(m=>m.Property) %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions => actions.Close())
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions => actions.Maximize())
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions => actions.Maximize())
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions => actions.Refresh())
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions => actions.Pin())
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions => actions.Custom("menu"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions => actions.Clear())
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Open("onOpen"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Open("onOpen"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Activate("onActivate"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Activate("onActivate"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Deactivate("onDeactivate"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Deactivate("onDeactivate"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Close("onClose"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Close("onClose"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.DragStart("onDragStart"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.DragStart("onDragStart"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.DragEnd("onDragEnd"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.DragEnd("onDragEnd"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Resize("onResize"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Resize("onResize"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Refresh("onRefresh"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Refresh("onRefresh"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Error("onError"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events => events.Error("onError"))
+ %>
+
+
+ <% Html.Kendo().Window()
+ .Name("Window")
+ .Content(() =>
+ {
+ %>
+ <strong>Window content</strong>
+ <%
+ })
+ %>
+
+
+ @(Html.Kendo().Window()
+ .Name("Window")
+ .Content(@<strong> Hello World!</strong>))
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Content("<strong> First Item Content</strong>")
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .LoadContentFrom("AjaxView_OpenSource", "Window")
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .LoadContentFrom("AjaxView_OpenSource", "Window", new { id = 10})
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .LoadContentFrom(Url.Action("AjaxView_OpenSource", "Window"))
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Events(events =>
+ events.Open("onOpen").Close("onClose")
+ )
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Resizable()
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Resizable(settings =>
+ settings.Enabled(true).MaxHeight(500).MaxWidth(500)
+ )
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Actions(actions =>
+ actions.Close()
+ )
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Position(settings =>
+ settings.Top(100).Left(100)
+ )
+ %>
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Animation(false)
+
+
+ <%= Html.Kendo().Window()
+ .Name("Window")
+ .Animation(animation => animation.Expand)
+
+
+ <%= Html.Kendo().MobileActionSheet()
+ .Name("MobileActionSheet")
+ .Events(events => events
+ .Open("onOpen")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileButton()
+ .Name("MobileButton")
+ .Events(events => events
+ .Click("onClick")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileButtonGroup()
+ .Name("MobileButtonGroup")
+ .Events(events => events
+ .Select("onSelect")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileBackButton()
+ .Name("MobileBackButton")
+ .Events(events => events
+ .Click("onClick")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileSwitch()
+ .Name("MobileSwitch")
+ .Events(events => events
+ .Change("onChange")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileTabStrip()
+ .Name("MobileTabStrip")
+ .Events(events => events
+ .Select("onSelect")
+ )
+ %>
+
+
+ <% Html.Kendo().MobileView()
+ .Name("View")
+ .Header(() =>
+ {
+ %>
+ <strong> View Header </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileView()
+ .Name("View")
+ .Header(
+ @<text>
+ Some text
+ <strong> View Header </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileView()
+ .Name("View")
+ .Header("<strong> View Header </strong>");
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileView()
+ .Name("View")
+ .Content(() =>
+ {
+ %>
+ <strong> View Content </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileView()
+ .Name("View")
+ .Content(
+ @<text>
+ Some text
+ <strong> View Content </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileView()
+ .Name("View")
+ .Content("<strong> View Content </strong>");
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileView()
+ .Name("View")
+ .Footer(() =>
+ {
+ %>
+ <strong> View Footer </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileView()
+ .Name("View")
+ .Footer(
+ @<text>
+ Some text
+ <strong> View Footer </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileView()
+ .Name("View")
+ .Footer("<strong> View Footer </strong>");
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobileView()
+ .Name("MobileView")
+ .Events(events => events
+ .AfterShow("onAfterShow")
+ )
+ %>
+
+
+ <% Html.Kendo().MobileModalView()
+ .Name("View")
+ .Header(() =>
+ {
+ %>
+ <strong> View Header </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileModalView()
+ .Name("View")
+ .Header(
+ @<text>
+ Some text
+ <strong> View Header </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileModalView()
+ .Name("View")
+ .Header("<strong> View Header </strong>");
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileModalView()
+ .Name("View")
+ .Content(() =>
+ {
+ %>
+ <strong> View Content </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileModalView()
+ .Name("View")
+ .Content(
+ @<text>
+ Some text
+ <strong> View Content </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileModalView()
+ .Name("View")
+ .Content("<strong> View Content </strong>");
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileModalView()
+ .Name("View")
+ .Footer(() =>
+ {
+ %>
+ <strong> View Footer </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileModalView()
+ .Name("View")
+ .Footer(
+ @<text>
+ Some text
+ <strong> View Footer </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileModalView()
+ .Name("View")
+ .Footer("<strong> View Footer </strong>");
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobileModalView()
+ .Name("MobileModalView")
+ .Events(events => events
+ .Close("onClose")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileSplitView()
+ .Name("MobileSplitView")
+ .Events(events => events
+ .Init("onInit")
+ )
+ %>
+
+
+ <% Html.Kendo().MobileSplitView()
+ .Name("View")
+ .Panes(panes => panes.Add()
+ .Content(() =>
+ {
+ %>
+ <strong> View Content </strong>
+ <%
+ })
+ )
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileSplitView()
+ .Name("View")
+ .Panes(panes => panes.Add()
+ .Content(
+ @<text>
+ Some text
+ <strong> View Content </strong>
+ </text>
+ ))
+ )
+
+
+ <% Html.Kendo().MobileSplitView()
+ .Name("View")
+ .Panes(panes => panes.Add().Content("<strong> View Content </strong>"))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobileSplitView()
+ .Name("MobileSplitView")
+ .Panes(panes => panes.Add()
+ .Events(events => events
+ .Navigate("onNavigate")
+ ))
+ %>
+
+
+ <% Html.Kendo().MobilePopOver()
+ .Name("PopOver")
+ .Content(() =>
+ {
+ %>
+ <strong> PopOver Content </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobilePopOver()
+ .Name("PopOver")
+ .Content(
+ @<text>
+ Some text
+ <strong> PopOver Content </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobilePopOver()
+ .Name("PopOver")
+ .Content("<strong> PopOver Content </strong>");
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobilePopOver()
+ .Name("MobilePopOver")
+ .Events(events => events
+ .Close("onClose")
+ )
+ %>
+
+
+ <% Html.Kendo().MobileLayout()
+ .Name("Layout")
+ .Header(() =>
+ {
+ %>
+ <strong> View Header </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileLayout()
+ .Name("Layout")
+ .Header(
+ @<text>
+ Some text
+ <strong> View Header </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileLayout()
+ .Name("Layout")
+ .Header("<strong> View Header </strong>");
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileLayout()
+ .Name("Layout")
+ .Footer(() =>
+ {
+ %>
+ <strong> View Footer </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileLayout()
+ .Name("Layout")
+ .Footer(
+ @<text>
+ Some text
+ <strong> View Footer </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileLayout()
+ .Name("Layout")
+ .Footer("<strong> View Footer </strong>");
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobileLayout()
+ .Name("MobileLayout")
+ .Events(events => events
+ .Hide("onHide")
+ )
+ %>
+
+
+ <% Html.Kendo().MobileNavBar()
+ .Name("NavBar")
+ .Content(() =>
+ {
+ %>
+ <strong> View Title </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileNavBar()
+ .Name("NavBar")
+ .Content((navbar) =>
+ {
+ %>
+ <= navbar.ViewTitle("View Title")>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileNavBar()
+ .Name("NavBar")
+ .Content(
+ @<text>
+ Some text
+ <strong> View Title </strong>
+ </text>
+ )
+ )
+
+
+ @(Html.Kendo().MobileNavBar()
+ .Name("NavBar")
+ .Content(@navbar =>
+ @<text>
+ Some text
+ @navbar.ViewTitle("View Title")
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileNavBar()
+ .Name("NavBar")
+ .Content("<strong> View Title </strong>");
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobileScrollView()
+ .Name("MobileScrollView")
+ .Events(events => events
+ .Change("onChange")
+ )
+ %>
+
+
+ <% Html.Kendo().MobileScrollView()
+ .Name("View")
+ .Items(items => items.Add()
+ .Content(() =>
+ {
+ %>
+ <strong> View Content </strong>
+ <%
+ })
+ )
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileScrollView()
+ .Name("View")
+ .Items(items => items.Add()
+ .Content(
+ @<text>
+ Some text
+ <strong> View Content </strong>
+ </text>
+ )
+ )
+ )
+
+
+ <% Html.Kendo().MobileScrollView()
+ .Name("View")
+ .Items(items => items.Add()
+ .Content("<strong> View Content </strong>"))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobileDetailButton()
+ .Name("MobileDetailButton")
+ .Events(events => events
+ .Click("onClick")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileApplication()
+ .Events(events => events
+ .Init("onInit")
+ )
+ %>
+
+
+ <%= Html.Kendo().MobileListView<Order>()
+ .Name("Orders")
+ .BindTo((IEnumerable<Order>)ViewData["Orders"]);
+ %>
+
+
+ <%= Html.Kendo().MobileListView<Order>()
+ .Name("Orders")
+ .BindTo((IEnumerable)ViewData["Orders"]);
+ %>
+
+
+ <%= Html.Kendo().MobileListView<Order>()
+ .Name("MobileListView")
+ .Events(events => events
+ .Click("onClick")
+ )
+ %>
+
+
+ <% Html.Kendo().MobileListViewView()
+ .Name("View")
+ .Items(items =>
+ {
+ items.Add().Text("Item");
+ items.AddLink().Text("Link Item");
+ })
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Header(() =>
+ {
+ %>
+ <strong> Drawer Header </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Header(
+ @<text>
+ Some text
+ <strong> Drawer Header </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Header("<strong> Drawer Header </strong>");
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Content(() =>
+ {
+ %>
+ <strong> Drawer Content </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Content(
+ @<text>
+ Some text
+ <strong> Drawer Content </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Content("<strong> Drawer Content </strong>");
+ .Render();
+ %>
+
+
+ <% Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Footer(() =>
+ {
+ %>
+ <strong> Drawer Footer </strong>
+ <%
+ })
+ .Render();
+ %>
+
+
+ @(Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Footer(
+ @<text>
+ Some text
+ <strong> Drawer Footer </strong>
+ </text>
+ )
+ )
+
+
+ <% Html.Kendo().MobileDrawer()
+ .Name("Drawer")
+ .Footer("<strong> Drawer Footer </strong>");
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().MobileDrawer()
+ .Name("MobileDrawer")
+ .Events(events => events
+ .BeforeShow("onBeforeShow")
+ )
+ %>
+
+
+ @(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>()
+ .Name("Gantt")
+ .DataSource(source =>
+ {
+ source.Read(read =>
+ {
+ read.Action("Read", "Gantt");
+ });
+ })
+ )
+
+
+ @(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>()
+ .Name("Gantt")
+ .DependenciesDataSource(source =>
+ {
+ source.Read(read =>
+ {
+ read.Action("Read", "Gantt");
+ });
+ })
+ )
+
+
+ @(Html.Kendo().Gantt()
+ .Name("Gantt")
+ .Events(events => events
+ .DataBinding("onDataBinding")
+ )
+ )
+
+
+ <%= Html.Kendo().ToolBar()
+ .Name("ToolBar")
+ .Events(events => events
+ .Click("onClick")
+ )
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Items(items =>
+ {
+ items.Add().Text("First Item");
+ items.Add().Text("Second Item");
+ })
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events =>
+ events.Open("onOpen").OnClose("onClose")
+ )
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Direction(ContextMenuDirection.Left)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Direction("top")
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Target("#target")
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Filter(".item")
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .ShowOn("click")
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Orientation(ContextMenuOrientation.Vertical)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .OpenOnClick(true)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .CloseOnClick(false)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .AlignToAnchor(false)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .HoverDelay(300)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .BindTo("examples", (item, siteMapNode) =>
+ {
+ })
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .BindTo("examples")
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .BindTo(new []{"First", "Second"}, (item, value) =>
+ {
+ item.Text = value;
+ })
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .BindTo(Model, mapping => mapping
+ .For<Customer>(binding => binding
+ .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property
+ .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to ContextMenuItem properties
+ )
+ .For<Order<(binding => binding
+ .Children(o => null) // "Orders" do not have child objects so return "null"
+ .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to ContextMenuItem properties
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .ItemAction(item =>
+ {
+ item
+ .Text(...)
+ .HtmlAttributes(...);
+ })
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .HighlightPath(true)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .SecurityTrimming(false)
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .SecurityTrimming(builder =>
+ {
+ builder.Enabled(true).HideParent(true);
+ })
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Items(items =>
+ {
+ items.Add().Text("First Item").Items(firstItemChildren =>
+ {
+ firstItemChildren.Add().Text("Child Item 1");
+ firstItemChildren.Add().Text("Child Item 2");
+ });
+ })
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Items(items =>
+ {
+ items.Add().Separator(true);
+ })
+ %>
+
+
+ <% Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Open(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Open("onOpen"))
+ %>
+
+
+ <% Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Close(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Close("onClose"))
+ %>
+
+
+ <% Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Activate(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Activate("onActivate"))
+ %>
+
+
+ <% Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Deactivate(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Deactivate("onDeactivate"))
+ %>
+
+
+ <% Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Select(
+ @<text>
+ function(e) {
+ //event handling code
+ }
+ </text>
+ ))
+ .Render();
+ %>
+
+
+ <%= Html.Kendo().ContextMenu()
+ .Name("ContextMenu")
+ .Events(events => events.Select("onSelect"))
+ %>
+
+
+ <%= Html.Kendo().TreeMap()
+ .Name("treeMap")
+ .DataSource(dataSource => dataSource
+ .Read(read => read
+ .Action("_PopulationUS", "TreeMap")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeMap()
+ .Name("TreeMap")
+ .Events(events => events
+ .DataBound("onDataBound")
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeMap()
+ .Name("treeMap")
+ .DataSource(dataSource => dataSource
+ .Read(read => read
+ .Action("_PopulationUS", "TreeMap")
+ )
+ )
+ %>
+
+
+ <%= Html.Kendo().TreeList()
+ .Name("TreeList")
+ .Events(events => events
+ .DataBinding("onDataBinding")
+ )
+ %>
+
+