Kendo.Mvc
Get the Application root path.
The instance.
Determines whether this instance can compress the specified instance.
The instance.
true if this instance can compress the specified instance; otherwise, false.
A strongly-typed resource class, for looking up localized strings, etc.
Returns the cached ResourceManager instance used by this class.
Overrides the current thread's CurrentUICulture property for all
resource lookups using this strongly typed resource class.
Looks up a localized string similar to Add column on the left.
Looks up a localized string similar to Add column on the right.
Looks up a localized string similar to Add row above.
Looks up a localized string similar to Add row below.
Looks up a localized string similar to Background color.
Looks up a localized string similar to Bold.
Looks up a localized string similar to Insert hyperlink.
Looks up a localized string similar to Create table.
Looks up a localized string similar to Delete column.
Looks up a localized string similar to Are you sure you want to delete "{0}"?.
Looks up a localized string similar to Delete row.
Looks up a localized string similar to or.
Looks up a localized string similar to Cancel.
Looks up a localized string similar to Insert.
Looks up a localized string similar to A directory with this name was not found..
Looks up a localized string similar to drop files here to upload.
Looks up a localized string similar to Empty Folder.
Looks up a localized string similar to Select font family.
Looks up a localized string similar to (inherited font).
Looks up a localized string similar to Select font size.
Looks up a localized string similar to (inherited size).
Looks up a localized string similar to Color.
Looks up a localized string similar to Format.
Looks up a localized string similar to Alternate text.
Looks up a localized string similar to Web address.
Looks up a localized string similar to Indent.
Looks up a localized string similar to Insert HTML.
Looks up a localized string similar to Insert image.
Looks up a localized string similar to Insert ordered list.
Looks up a localized string similar to Insert unordered list.
Looks up a localized string similar to The selected file "{0}" is not valid. Supported file types are {1}..
Looks up a localized string similar to Italic.
Looks up a localized string similar to Center text.
Looks up a localized string similar to Justify.
Looks up a localized string similar to Align text left.
Looks up a localized string similar to Align text right.
Looks up a localized string similar to Open link in new window.
Looks up a localized string similar to Text.
Looks up a localized string similar to ToolTip.
Looks up a localized string similar to Web address.
Looks up a localized string similar to Arrange by:.
Looks up a localized string similar to Name.
Looks up a localized string similar to Size.
Looks up a localized string similar to Outdent.
Looks up a localized string similar to 'A file with name "{0}" already exists in the current directory. Do you want to overwrite it?.
Looks up a localized string similar to Search.
Looks up a localized string similar to Strikethrough.
Looks up a localized string similar to Styles.
Looks up a localized string similar to Subscript.
Looks up a localized string similar to Superscript.
Looks up a localized string similar to Underline.
Looks up a localized string similar to Remove hyperlink.
Looks up a localized string similar to Upload.
Looks up a localized string similar to And.
Looks up a localized string similar to Cancel.
Looks up a localized string similar to Clear.
Looks up a localized string similar to Is equal to.
Looks up a localized string similar to Is after.
Looks up a localized string similar to Is after or equal to.
Looks up a localized string similar to Is before.
Looks up a localized string similar to Is before or equal to.
Looks up a localized string similar to Is not equal to.
Looks up a localized string similar to Is equal to.
Looks up a localized string similar to Is not equal to.
Looks up a localized string similar to Filter.
Looks up a localized string similar to Show items with value that:.
Looks up a localized string similar to is false.
Looks up a localized string similar to is true.
Looks up a localized string similar to Is equal to.
Looks up a localized string similar to Is greater than.
Looks up a localized string similar to Is greater than or equal to.
Looks up a localized string similar to Is less than.
Looks up a localized string similar to Is less than or equal to.
Looks up a localized string similar to Is not equal to.
Looks up a localized string similar to Operator.
Looks up a localized string similar to Or.
Looks up a localized string similar to -Select value-.
Looks up a localized string similar to Contains.
Looks up a localized string similar to Does not contain.
Looks up a localized string similar to Ends with.
Looks up a localized string similar to Is equal to.
Looks up a localized string similar to Is not equal to.
Looks up a localized string similar to Starts with.
Looks up a localized string similar to Value.
Looks up a localized string similar to Cancel.
Looks up a localized string similar to Cancel changes.
Looks up a localized string similar to Cancel.
Looks up a localized string similar to Columns.
Looks up a localized string similar to Column Settings.
Looks up a localized string similar to Are you sure you want to delete this record?.
Looks up a localized string similar to Delete.
Looks up a localized string similar to Add new record.
Looks up a localized string similar to Delete.
Looks up a localized string similar to Done.
Looks up a localized string similar to Edit.
Looks up a localized string similar to Save changes.
Looks up a localized string similar to Select.
Looks up a localized string similar to Sort Ascending.
Looks up a localized string similar to Sort Descending.
Looks up a localized string similar to Update.
Looks up a localized string similar to Drag a column header and drop it here to group by that column.
Looks up a localized string similar to {0} - {1} of {2} items.
Looks up a localized string similar to No items to display.
Looks up a localized string similar to Go to the first page.
Looks up a localized string similar to items per page.
Looks up a localized string similar to Go to the last page.
Looks up a localized string similar to Go to the next page.
Looks up a localized string similar to of {0}.
Looks up a localized string similar to Page.
Looks up a localized string similar to Go to the previous page.
Looks up a localized string similar to Refresh.
Looks up a localized string similar to all day.
Looks up a localized string similar to Cancel.
Looks up a localized string similar to Are you sure you want to delete this event?.
Looks up a localized string similar to Date.
Looks up a localized string similar to Delete event.
Looks up a localized string similar to Delete.
Looks up a localized string similar to All day event.
Looks up a localized string similar to Description.
Looks up a localized string similar to Event.
Looks up a localized string similar to End.
Looks up a localized string similar to End timezone.
Looks up a localized string similar to Repeat.
Looks up a localized string similar to Use separate start and end time zones.
Looks up a localized string similar to Start.
Looks up a localized string similar to Start timezone.
Looks up a localized string similar to .
Looks up a localized string similar to Time zone.
Looks up a localized string similar to Timezones.
Looks up a localized string similar to Title.
Looks up a localized string similar to Event.
Looks up a localized string similar to Do you want to delete only this event occurrence or the whole series?.
Looks up a localized string similar to Delete current occurrence.
Looks up a localized string similar to Delete the series.
Looks up a localized string similar to Delete Recurring Item.
Looks up a localized string similar to days(s).
Looks up a localized string similar to Repeat every: .
Looks up a localized string similar to After .
Looks up a localized string similar to End:.
Looks up a localized string similar to Never.
Looks up a localized string similar to occurrence(s).
Looks up a localized string similar to On .
Looks up a localized string similar to Daily.
Looks up a localized string similar to Monthly.
Looks up a localized string similar to Never.
Looks up a localized string similar to Weekly.
Looks up a localized string similar to Yearly.
Looks up a localized string similar to Day .
Looks up a localized string similar to month(s).
Looks up a localized string similar to Repeat every: .
Looks up a localized string similar to Repeat on: .
Looks up a localized string similar to first.
Looks up a localized string similar to fourth.
Looks up a localized string similar to last.
Looks up a localized string similar to second.
Looks up a localized string similar to third.
Looks up a localized string similar to day.
Looks up a localized string similar to weekday.
Looks up a localized string similar to weekend day.
Looks up a localized string similar to week(s).
Looks up a localized string similar to Repeat every: .
Looks up a localized string similar to Repeat on: .
Looks up a localized string similar to year(s).
Looks up a localized string similar to of .
Looks up a localized string similar to Repeat every: .
Looks up a localized string similar to Repeat on: .
Looks up a localized string similar to Do you want to edit only this event occurrence or the whole series?.
Looks up a localized string similar to Edit current occurrence.
Looks up a localized string similar to Edit the series.
Looks up a localized string similar to Edit Recurring Item.
Looks up a localized string similar to Save.
Looks up a localized string similar to Show full day.
Looks up a localized string similar to Show business hours.
Looks up a localized string similar to Time.
Looks up a localized string similar to Today.
Looks up a localized string similar to Agenda.
Looks up a localized string similar to Day.
Looks up a localized string similar to Month.
Looks up a localized string similar to Week.
Looks up a localized string similar to Cancel.
Looks up a localized string similar to drop files here to upload.
Looks up a localized string similar to Done.
Looks up a localized string similar to Uploading....
Looks up a localized string similar to Remove.
Looks up a localized string similar to Retry.
Looks up a localized string similar to Select....
Looks up a localized string similar to failed.
Looks up a localized string similar to uploaded.
Looks up a localized string similar to uploading.
Looks up a localized string similar to Upload files.
The HtmlAttributes applied to objects which can have child items
Writes the initialization script.
The writer.
Initializes a new instance of the class.
The view context.
The client side object writer factory.
Renders the component.
Writes the initialization script.
The writer.
Writes the HTML.
Gets the client events of the grid.
The client events.
Gets or sets the name.
The name.
Gets the id.
The id.
Gets the HTML attributes.
The HTML attributes.
Gets or sets the view context to rendering a view.
The view context.
Defines the fluent interface for configuring the component.
View component Builder base class.
Initializes a new instance of the class.
The component.
Returns the internal view component.
Sets the name of the component.
The name.
Suppress initialization script rendering. Note that this options should be used in conjunction with
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Renders the component.
Gets the view component.
The component.
Use to enable or disable animation of the popup element.
The boolean value.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Animation(false) //toggle effect
%>
Configures the animation effects of the widget.
The action which configures the animation effects.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Animation(animation =>
{
animation.Open(open =>
{
open.SlideIn(SlideDirection.Down);
}
})
%>
Sets the field of the data item that provides the text content of the list items.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("Text")
%>
Configures the DataSource options.
The DataSource configurator action.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetProducts", "Home");
}
})
%>
Specifies the delay in ms after which the widget will start filtering the dataSource.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Delay(300)
%>
Enables or disables the combobox.
Use it to enable case insensitive bahavior of the combobox. If true the combobox will select the first matching item ignoring its casing.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.IgnoreCase(true)
%>
Sets the height of the drop-down list in pixels.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Height(300)
%>
Header template which will be rendered as a static header of the popup element.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.HeaderTemplate("Customers
")
%>
HeaderTemplateId to be used for rendering the static header of the popup element.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.HeaderTemplateId("widgetHeaderTemplateId")
%>
Template to be used for rendering the items in the list.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Template("#= data #")
%>
TemplateId to be used for rendering the items in the list.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.TemplateId("widgetTemplateId")
%>
Sets the value of the widget.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Value("1")
%>
Initializes a new instance of the class.
The component.
Configures the client-side events.
The client events action.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events =>
events.Change("change")
)
%>
Use it to enable filtering of items.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Filter("startswith");
%>
Use it to enable filtering of items.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Filter(FilterType.Contains);
%>
Use it to enable highlighting of first matched item.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.HighlightFirst(true)
%>
Specifies the minimum number of characters that should be typed before the widget queries the dataSource.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.MinLength(3)
%>
A string that appears in the textbox when it has no value.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.MinLength(3)
%>
Sets the separator for completion. Empty by default, allowing for only one completion.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Separator(", ")
%>
Controls whether the AutoComplete should automatically auto-type the rest of text.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Suggest(true)
%>
The fluent API for subscribing to Kendo UI AutoComplete events.
Initializes a new instance of the class.
The client events.
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Select("select"))
)
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Change("change"))
)
Defines the inline handler of the DataBound client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.DataBound(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.DataBound("dataBound"))
%>
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Open("open"))
)
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Open(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the inline handler of the Close client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Close(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Close("close"))
)
Gets or sets the render type.
The render type.
Initializes a new instance of the class.
The spacing to be applied in all directions.
Initializes a new instance of the class.
Gets or sets the top spacing.
Gets or sets the right spacing.
Gets or sets the bottom spacing.
Gets or sets the left spacing.
Represents the symbologies (encodings) supported by Kendo UI Barcode for ASP.NET MVC
Initializes a new instance of the class.
Initializes a new instance of the class.
Gets or sets the width of the border.
Gets or sets the color of the border.
Gets or sets the dash type of the border.
Defines the fluent interface for configuring the .
Sets the value of the barcode
Sets the preferred rendering engine.
If it is not supported by the browser, the Chart will switch to the first available mode.
The preferred rendering engine.
Sets the value of the barcode
Sets the background color of the barcode area
Configures the options for the border of the Barcode
Configurator to fine tune the padding options
Specifies padding for top,bottom,right and left at once.
Specifies whether the Checksum should be displayed next to the text or not
Specifies the color of the bars
Configures options for the Text of the Barcode
Sets the symbology which will be used to encode the value of the barcode
Sets the height of the barcode area
Sets the width of the barcode area
Defines the fluent interface for configuring the .
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The Barcode component.
Creates the barcode top-level div.
Builds the Barcode component markup.
Serializes the current instance
Specifies the pane contents
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the HTML content of the Button.
The action which renders the HTML content.
<% Html.Kendo().Button()
.Name("Button1")
.Content(() => { >%
<p>Content</p>
%<})
.Render();
%>
Sets the HTML content of the Button.
The Razor template for the HTML content.
@(Html.Kendo().Button()
.Name("Button1")
.Content(@<p>Content</p>)
.Render();)
Sets the HTML content of the Button.
The HTML content.
<%= Html.Kendo().Button()
.Name("Button")
.Content("<p>Content</p>")
%>
Sets whether Button should be enabled.
Sets the icon name of the Button.
Sets the image URL of the Button.
Sets the sprite CSS class(es) of the Button.
Configures the client-side events.
The client events action.
<%= Html.Kendo().Button()
.Name("Button")
.Events(events =>
events.Click("onClick"))
%>
Sets the Button HTML tag. A button tag is used by default.
<%= Html.Kendo().Button()
.Name("Button")
.Tag("span")
%>
Defines the fluent interface for configuring the Button events.
Defines the inline handler of the Click client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Button()
.Name("Button")
.Events(events => events.Click(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Click client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Button()
.Name("Button")
.Events(events => events.Click("onClick"))
%>
Gets or sets the name of the route.
The name of the route.
Gets or sets the name of the controller.
The name of the controller.
Gets or sets the name of the action.
The name of the action.
Gets the route values.
The route values.
Gets or sets the URL.
The URL.
Defines the fluent interface for configuring datepicker client events.
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
<%= Html.Kendo().Calendar()
.Name("DatePicker")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
%>
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Events(events => events.Change("change"))
%>
Defines the inline handler of the Navigate client-side event
The handler code wrapped in a text tag (Razor syntax).
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Events(events => events.Navigate(
@<text>
%>
function(e) {
//event handling code
}
</text>
))
%>
Defines the name of the JavaScript function that will handle the Navigate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Events(events => events.Navigate("navigate"))
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The selection settings.
Defines list of dates. This list determines which dates to be rendered with action link.
List of objects
Sets the action to which the date should navigate
The route values of the Action method.
Sets the action to which the item should navigate
Name of the action.
Name of the controller.
The route values.
Gets or sets the label font.
Gets or sets a value indicating if the label is visible
Gets or sets the label background.
Gets or sets the label border.
Gets or sets the label margin.
Gets or sets the label padding.
Gets or sets the label color.
Gets or sets the label format.
Gets or sets the label template.
Gets or sets the label opacity.
Gets or sets the label rotation.
Initializes a new instance of the class.
Gets or sets the label font.
Specify a font in CSS format. For example "12px Arial,Helvetica,sans-serif".
Gets or sets a value indicating if the label is visible
Gets or sets the label background.
The label background.
Gets or sets the label border.
The label border.
Gets or sets the label margin.
The label margin.
Gets or sets the label padding.
The label padding.
Gets or sets the label color.
The label color.
Gets or sets the label format.
The label format.
Gets or sets the label template.
The label template.
Gets or sets the label opacity.
The label opacity.
Gets or sets the label rotation.
The label opacity.
Initializes a new instance of the class.
A value indicating whether to render the axis labels on the other side.
Label rendering step. Every n-th label is rendered where n is the step.
Label rendering skip. Skips rendering the first n labels.
Date formats for the date axis.
Culture to use for formatting date labels.
The axis major ticks configuration.
The axis minor ticks configuration.
The major grid lines configuration.
The minor grid lines configuration.
The axis line configuration.
The axis labels.
The axis title.
The axis name. Leave empty to use the "primary" default value.
The color for all axis elements. Can be overriden by individual settings.
A value indicating if the axis labels should be rendered in reverse.
A value indicating if the automatic axis range should snap to 0.
The axis crosshair configuration.
The axis plot bands.
The axis notes configuration.
The name of the pane that the axis should be rendered in.
Gets or sets the axis visibility.
The angle (degrees) where the 0 value is placed. It defaults to 0.
Angles increase counterclockwise and zero is to the right. Negative values are acceptable.
The axis background color
Initializes a new instance of the class.
The chart.
Gets or sets the chart.
The chart.
The axis major ticks configuration.
The axis crosshair configuration.
The axis minor ticks configuration.
The major grid lines configuration.
The minor grid lines configuration.
The axis line configuration.
The axis labels.
The axis plot bands.
The axis title.
The axis name. Leave empty to use the "primary" default value.
The name of the pane that the axis should be rendered in.
The color for all axis elements. Can be overriden by individual settings.
The axis background color
A value indicating if the axis labels should be rendered in reverse.
A value indicating if the automatic axis range should snap to 0.
Gets or sets the axis visibility.
The angle (degrees) where the 0 value is placed. It defaults to 0.
Angles increase counterclockwise and zero is to the right. Negative values are acceptable.
The axis notes.
The categories displayed on the axis
The Model member used to populate the
The category indicies at which perpendicular axes cross this axis.
Specifies the category axis type.
Specifies the date category axis base unit.
Sets the step (interval) between categories in base units.
Specifies the maximum number of groups (categories) to produce when
either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto).
This option is ignored in all other cases.
If set to false, the min and max dates will not be rounded off to
the nearest baseUnit.
This option is most useful in combination with explicit min and max dates.
It will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
The week start day when the base unit is Weeks. The default is Sunday.
Positions categories and series points on major ticks. This removes the empty space before and after the series.
This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
Specifies the discrete BaseUnitStep values
when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto).
Specifies the date category axis minimum (start) date.
Specifies the date category axis maximum (end) date.
Gets or sets the axis selection.
Initializes a new instance of the class.
The chart.
The values at which perpendicular axes cross this axis.
The categories displayed on the axis
Gets the member name to be used as category.
The member.
Specifies the category axis type.
Specifies the date category axis base unit.
Sets the step (interval) between categories in base units.
Specifies the maximum number of groups (categories) to produce when
either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto).
This option is ignored in all other cases.
If set to false, the min and max dates will not be rounded off to
the nearest baseUnit.
This option is most useful in combination with explicit min and max dates.
It will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
A boolean value that indicates if the axis range should be rounded to the nearest base unit.
The default value is true.
The week start day when the base unit is Weeks. The default is Sunday.
Positions categories and series points on major ticks. This removes the empty space before and after the series.
This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
Specifies the discrete BaseUnitStep values
when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto).
Specifies the date category axis minimum (start) date.
Specifies the date category axis maximum (end) date.
Gets or sets the axis selection.
Initializes a new instance of the class.
Gets or sets the icon.
Gets or sets the label.
Gets or sets the line.
Gets or sets the note position.
Initializes a new instance of the class.
Gets or sets the note position.
The values at which perpendicular axes cross this axis.
The axis minimum value
The axis maximum value
The interval between major divisions
The interval between minor divisions.
Initializes a new instance of the class.
The chart.
The values at which perpendicular axes cross this axis.
The minimum axis value.
The axis maximum value.
The interval between major divisions
The interval between minor divisions.
It defaults to MajorUnit / 5.
Initializes a new instance of the class.
The chart.
Initializes a new instance of the class.
Gets or sets the plot band start position.
The start position of the plot band.
Gets or sets the plot band end position.
The end position of the plot band.
Gets or sets the plot band background color.
The plot band background color.
Gets or sets the plot band opacity.
The plot band opacity.
Initializes a new instance of the class.
Gets or sets the axis title text.
Gets or sets the axis title font.
Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif".
Gets or sets the axis title position.
The default value is
Gets or sets the axis title margin
Gets or sets the axis title background color
Gets or sets the axis title text color
Gets or sets the axis title padding
Gets or sets the axis title border
Gets or sets the axis title opacity.
The axis title opacity.
Gets or sets the axis title rrotation.
The label opacity.
Initializes a new instance of the class.
Gets or sets the ticks size.
Gets or sets the ticks visibility.
Initializes a new instance of the class.
Date format to use when the base date unit is .
Date format to use when the base date unit is .
Date format to use when the base date unit is .
Date format to use when the base date unit is .
Date format to use when the base date unit is .
Date format to use when the base date unit is .
Date format to use when the base date unit is .
The base time interval for the axis labels.
The default baseUnit is determined automatically from the value range.
The dates at which perpendicular axes cross this axis.
The axis minimum (start) date
The axis maximum (end) date
The interval between major divisions in base units.
The interval between minor divisions in base units.
It defaults to 1/5th of the majorUnit.
Initializes a new instance of the class.
The chart.
Specifies the date category axis base unit.
The values at which perpendicular axes cross this axis.
The minimum axis value.
The axis maximum value.
The interval between major divisions in base units.
The interval between minor divisions in base units.
It defaults to 1/5th of the majorUnit.
The discrete baseUnitStep values when baseUnit is set to Seconds and
baseUnitStep is set to Auto.
The discrete baseUnitStep values when baseUnit is set to Minutes and
baseUnitStep is set to Auto.
The discrete baseUnitStep values when baseUnit is set to Hours and
baseUnitStep is set to Auto.
The discrete baseUnitStep values when baseUnit is set to Minutes and
baseUnitStep is set to Auto.
The discrete baseUnitStep values when baseUnit is set to Weeks and
baseUnitStep is set to Auto.
The discrete baseUnitStep values when baseUnit is set to Months and
baseUnitStep is set to Auto.
The discrete baseUnitStep values when baseUnit is set to Years and
baseUnitStep is set to Auto.
Initializes a new instance of the class.
Initializes a new instance of the class.
Initializes a new instance of the class.
Gets or sets the line width.
Gets or sets the line opacity.
Gets or sets the line color.
Gets or sets the line visibility.
Gets or sets the line dash type.
Gets or sets the line skip.
Gets or sets the line step.
Initializes a new instance of the class.
The tooltip of the crosshair.
Initializes a new instance of the class.
Gets or sets the tooltip font.
Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif".
Gets or sets a value indicating if the tooltip is visible
Gets or sets the tooltip margin
Gets or sets the tooltip border
Gets or sets the tooltip background.
The label background.
Gets or sets the tooltip color.
The label color.
Gets or sets the tooltip format.
The label format.
Gets or sets the tooltip template.
The tooltip template.
Gets or sets the tooltip opacity.
The tooltip opacity.
Initializes a new instance of the class.
Initializes a new instance of the class.
Initializes a new instance of the class.
The lower boundary of the range.
The upper boundary of the range.
Mousewheel zoom settings
Initializes a new instance of the class.
Gets or sets a value that indicates
if the mousewheel direction should be reversed.
The mousewheel reverse flag.
Gets or sets zoom direction settings.
The zoom direction settings.
The component series.
The component UrlGenerator
The component view context
Gets or sets the data source.
The data source.
Gets or sets the URL generator.
The URL generator.
Gets or sets the Chart area.
The Chart area.
Gets or sets the Plot area.
The Plot area.
Gets or sets the Chart theme.
The Chart theme.
Gets or sets the render type.
The render type.
Gets or sets the Chart title.
The Chart title.
Gets or sets the Chart legend.
The Chart legend.
Gets or sets the Chart transitions.
The Chart Transitions.
Gets the chart series.
Gets the chart panes.
Gets the default settings for all series.
Configuration for all category axes
Configuration for all value axes
Configuration for all X axes in scatter charts
Configuration for all Y axes in scatter charts
Configuration for the default axis
Gets the data source configuration.
Gets or sets a value indicating if the chart
should be data bound during initialization.
Gets or sets the series colors.
Gets or sets the data point tooltip options
Initializes a new instance of the class.
Defines the width of the line.
Defines the color of the line.
Defines the length of the line.
Initializes a new instance of the class.
Gets or sets the title text
Gets or sets the title font.
Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif".
Gets or sets the title color
Gets or sets the title position.
The default value is
Gets or sets the title text alignment.
The default value is
Gets or sets a value indicating if the title is visible
Gets or sets the title margin
Gets or sets the title background color
Gets or sets the title padding
Gets or sets the legend border
Initializes a new instance of the class.
Gets or sets the legend font.
Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif".
Gets or sets the legend labels color.
Specify the color of the labels.
Gets or sets the legend position.
The default value is
Gets or sets the legend X-offset from its position.
Gets or sets the legend Y-offset from its position.
Gets or sets a value indicating if the legend is visible
Gets or sets the legend margin
Gets or sets the legend margin
Gets or sets the legend background color
Gets or sets the legend border
Gets or sets the legend labels
Initializes a new instance of the class.
Initializes a new instance of the class.
Gets or sets the opacity of the border.
Gets or sets the width of the border.
Gets or sets the color of the border.
Gets or sets the dash type of the border.
Initializes a new instance of the class.
Gets or sets the Chart area background.
The Chart area background.
Gets or sets the Chart area border.
The Chart area border.
Gets or sets the Chart area margin.
The Chart area margin.
Gets or sets the Chart area width.
The Chart area width.
Gets or sets the Chart area height.
The Chart area height.
Initializes a new instance of the class.
Initializes a new instance of the class.
Initializes a new instance of the class
with the specified name.
The unique pane name.
Initializes a new instance of the class.
Gets or sets the unique pane name
Gets or sets the pane height in pixels.
Gets or sets the pane title.
Gets or sets the pane margin
Gets or sets the pane background color
Gets or sets the pane padding
Gets or sets the pane border
Initializes a new instance of the class.
Initializes a new instance of the class.
Gets or sets the note value.
Defines the behavior rendering the line between values in scatterLine series.
The values will be connected with a straight line.
The values will be connected with a smooth line.
Specifies the zoom direction.
Both ends of the selection are moved.
The left selection edge is moved during zoom.
The right selection edge is moved during zoom.
Defines the position of the note label
The label is positioned inside of the icon.
The label is positioned outside of the icon.
Defines the position of the note
The note is positioned on the top
The note is positioned on the bottom
The note is positioned on the left
The note is positioned on the right
Defines the behavior rendering the line between values in line series.
The values will be connected with straight line.
The values will be connected with a line at right.
The values will be connected with smooth line.
Defines the behavior rendering the line between values in area series.
The values will be connected with straight line.
The values will be connected with a line at right.
The values will be connected with a smooth line.
Defines the behavior rendering the line between values in radar line series.
The values will be connected with straight line.
The values will be connected with smooth line.
Defines the behavior rendering the line between values in radar area series.
The values will be connected with straight line.
The values will be connected with a smooth line.
Defines the behavior rendering the line between values in polar area series.
The values will be connected with straight line.
The values will be connected with a smooth line.
Defines the behavior rendering the line between values in polar line series.
The values will be connected with straight line.
The values will be connected with smooth line.
Initializes a new instance of the class.
Initializes a new instance of the class.
The style of the area.
Defines the fluent interface for configuring .
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart line.
Sets the line color
The line color (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorGridLines(lines => lines.Color("#f00")))
.Render();
%>
Sets the line width
The line width.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorGridLines(lines => lines.Width(2)))
.Render();
%>
Sets the line dashType.
The line dashType.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorGridLines(lines => lines.DashType(ChartDashType.Dot)))
.Render();
%>
Initializes a new instance of the class.
The chart line.
Sets the line opacity.
The line opacity.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Line(line => line.Opacity(0.2))
)
.Render();
%>
Configures the line style for area series.
The style. The default is normal.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Line(line => line.Style(ChartAreaStyle.Step))
)
%>
The series name.
The series opacity
The series base color
Gets or sets the series color function
Gets or sets the data point tooltip options
Gets or sets the axis name to use for this series.
Name template for auto-generated series when binding to grouped data.
Gets or sets the series highlight options
Gets or sets the visibility of the series.
Gets or sets the series notes options
Initializes a new instance of the class.
Gets or sets the title of the series.
The title.
Gets or sets the series opacity.
A value between 0 (transparent) and 1 (opaque).
Gets or sets the series base color
Gets or sets the series color function
Gets or sets the data point tooltip options
Gets or sets the axis name to use for this series.
The axis name.
Name template for auto-generated series when binding to grouped data.
Gets or sets the series highlight options
Gets or sets a value indicating if the series is visible
Gets or sets the series notes options
Gets the data member of the series.
Gets the model data category member name.
The model data category member name.
Gets the model data note text member name.
The model data note text member name.
The data used for binding.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The series data.
Initializes a new instance of the class.
The data used for binding.
Gets the model data note text member name.
The model data note text member name.
Gets the model data member name.
The model data member name.
Gets the model data category member name.
The model data category member name.
Gets a function which returns the category of the property to which the column is bound to.
A value indicating if the areas should be stacked.
Aggregate function for date series.
Gets the area chart data labels configuration
The area chart markers configuration.
The behavior for handling missing values in area series.
The orientation of the series.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
A value indicating if the areas should be stacked.
Aggregate function for date series.
Gets the area chart data labels configuration.
The area chart markers configuration.
The behavior for handling missing values in area series.
The orientation of the area chart.
Can be either horizontal
or vertical.
The default value is horizontal.
Gets or sets the series error bars options
The area chart line configuration.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
The area chart line configuration.
Gets or sets the series error bars options
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Defines the fluent interface for configuring area series.
The type of the data item
Defines the fluent interface for configuring series.
The type of the series builder.
Initializes a new instance of the class.
The series.
Sets the series title displayed in the legend.
The title.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Name("Sales"))
%>
Sets the name template for auto-generated series when binding to grouped data.
The name template for auto-generated series when binding to grouped data.
<% 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();
%>
Sets the series opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Opacity(0.5))
%>
Sets the bar fill color
The bar fill color (CSS syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Color("Red"))
.Render();
%>
Sets the function used to retrieve point color.
The JavaScript function that will be executed
to retrieve the color of each point.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Color(
@<text>
function(point) {
return point.value > 5 ? "red" : "green";
}
</text>
)
)
.Render();
%>
Configure the data point tooltip for the series.
Use the configurator to set data tooltip options.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales)
.Tooltip(tooltip =>
{
tooltip.Visible(true).Format("{0:C}");
})
)
%>
Sets the data point tooltip visibility.
A value indicating if the data point tooltip should be displayed.
The tooltip is not visible by default.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Tooltip(true))
%>
Sets the axis name to use for this series.
The axis name for this series.
<%= 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))
%>
Configures the series highlight
The configuration action.
Configures the highlight visibility
The highlight visibility.
Sets the labels visibility
The labels visibility.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Visible(false))
.Render();
%>
Configures the series notes
The configuration action.
Gets or sets the series.
The series.
Initializes a new instance of the class.
The series.
Sets a value indicating if the areas should be stacked.
A value indicating if the areas should be stacked.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Area(s => s.Sales).Stack(true))
%>
Sets the aggregate function for date series.
This function is used when a category (an year, month, etc.) contains two or more points.
Aggregate function name.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Area(s => s.Sales).Aggregate())
%>
Configures the area chart labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Labels(labels => labels
.Position(ChartBarLabelsPosition.Above)
.Visible(true)
);
)
%>
Sets the visibility of area chart labels.
The visibility. The default value is false.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Labels(true);
)
%>
Configures the area chart markers.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Markers(markers => markers
.Type(ChartMarkerShape.Triangle)
);
)
%>
Sets the visibility of area chart markers.
The visibility. The default value is true.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Markers(true);
)
%>
Configures the behavior for handling missing values in area series.
The missing values behavior. The default is to leave gaps.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.MissingValues(ChartAreaMissingValues.Interpolate);
)
%>
Initializes a new instance of the class.
The series.
Configures the area chart line.
The line width.
The line color.
The line dashType.
The line style.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Line(2, "red", ChartDashType.Dot, ChartAreaStyle.Smooth)
)
.Render();
%>
Configures the area chart line.
The configuration action.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Line(line => line.Opacity(0.2))
)
.Render();
%>
Configures the series error bars
The configuration action.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.ErrorBars(e => e.Value(1))
)
.Render();
%>
The radar area chart line configuration.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
The area chart line configuration.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Initializes a new instance of the class.
Initializes a new instance of the class.
The style of the radar area.
Initializes a new instance of the class.
The chart line.
Sets the line opacity.
The line opacity.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.RadarArea(s => s.Sales)
.Line(line => line.Opacity(0.2))
)
.Render();
%>
Configures the line style for radar area series.
The style. The default is normal.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.RadarArea(s => s.Sales)
.Line(line => line.Style(ChartRadarAreaStyle.Smooth))
)
%>
Initializes a new instance of the class.
The series.
Configures the radar area chart line.
The line width.
The line color.
The line dashType.
The line style.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.RadarArea(s => s.Sales)
.Line(2, "red", ChartDashType.Dot, ChartScatterLineStyle.Smooth)
)
.Render();
%>
Configures the radar area chart line.
The configuration action.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.RadarArea(s => s.Sales)
.Line(line => line.Opacity(0.2))
)
.Render();
%>
A value indicating if the bars should be stacked.
The stack name that this series belongs to.
Aggregate function for date series.
The distance between category clusters.
Space between bars.
The orientation of the bars.
Gets the bar chart data labels configuration
Gets or sets the bar's border
Gets or sets the effects overlay
Gets the model color member name.
The model color member name.
Gets or sets the series color for negative values
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point color from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
A value indicating if the bars should be stacked.
Aggregate function for date series.
The stack name that this series belongs to.
The distance between category clusters.
A value of 1 means that there is a total of 1 column width / bar height between categories.
The distance is distributed evenly on each side.
Space between bars.
Value of 1 means that the distance between bars is equal to their width.
The orientation of the bars.
Can be either horizontal (bar chart)
or vertical (column chart).
The default value is horizontal.
Gets the bar chart data labels configuration
Gets or sets the bar border
Gets or sets the effects overlay
Gets the model color member name.
The model color member name.
Gets or sets the series color for negative values
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point color from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Gets or sets the series error bars options
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point color from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Defines the fluent interface for configuring bar series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets a value indicating if the bars should be stacked.
A value indicating if the bars should be stacked.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Stack(true))
%>
Sets the name of the stack that this series belongs to. Each unique name creates a new stack.
The name of the stack.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Stack("Female"))
%>
Sets the aggregate function for date series.
This function is used when a category (an year, month, etc.) contains two or more points.
Aggregate function name.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Aggregate())
%>
Set distance between category clusters.
A value of 1 means that there is a total of 1 column width / bar height between categories.
The distance is distributed evenly on each side.
The default value is 1.5
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Gap(1))
%>
Sets a value indicating the distance between bars / categories.
Value of 1 means that the distance between bars is equal to their width.
The default value is 0
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Spacing(s => s.Sales).Spacing(1))
%>
Configures the bar chart labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Position(ChartBarLabelsPosition.InsideEnd)
.Visible(true)
);
)
%>
Sets the visibility of bar chart labels.
The visibility. The default value is false.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(true);
)
%>
Sets the bars border
The bars border width.
The bars border color (CSS syntax).
The bars border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Border("1", "#000", ChartDashType.Dot))
.Render();
%>
Configures the bar border
The border configuration action
Sets the bar effects overlay
The bar effects overlay. The default is ChartBarSeriesOverlay.Glass
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Overlay(ChartBarSeriesOverlay.None))
.Render();
%>
Sets the bar color for negative values
The bar color for negative values(CSS syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).NegativeColor("Red"))
.Render();
%>
Initializes a new instance of the class.
The series.
Configures the series error bars
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.ErrorBars(e => e.Value(1))
)
%>
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point color from the chart model.
The expression used to extract the point category from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point color from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Initializes a new instance of the class.
The series.
A value indicating if the lines should be stacked.
Aggregate function for date series.
Gets the line chart data labels configuration
The line chart markers configuration.
The line chart line width.
The line chart line dash type.
The behavior for handling missing values in line series.
The orientation of the series.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
A value indicating if the lines should be stacked.
Aggregate function for date series.
Gets the line chart data labels configuration
The line chart markers configuration.
The line chart line width.
The behavior for handling missing values in line series.
The line chart line dashType.
The orientation of the line.
Can be either horizontal
or vertical.
The default value is horizontal.
The style of the series.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
The style of the line.
Gets or sets the series error bars options
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Defines the fluent interface for configuring line series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets a value indicating if the lines should be stacked.
A value indicating if the lines should be stacked.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Line(s => s.Sales).Stack(true))
%>
Sets the aggregate function for date series.
This function is used when a category (an year, month, etc.) contains two or more points.
Aggregate function name.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Line(s => s.Sales).Aggregate())
%>
Configures the line chart labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Labels(labels => labels
.Position(ChartBarLabelsPosition.Above)
.Visible(true)
);
)
%>
Sets the visibility of line chart labels.
The visibility. The default value is false.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Labels(true);
)
%>
Sets the line chart line width.
The line width.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Line(s => s.Sales).Width(2))
.Render();
%>
Sets the line chart line dash type.
The line dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Line(s => s.Sales).DashType(ChartDashType.Dot))
.Render();
%>
Configures the line chart markers.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Type(ChartMarkerShape.Triangle)
);
)
%>
Sets the visibility of line chart markers.
The visibility. The default value is true.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(true);
)
%>
Configures the behavior for handling missing values in line series.
The missing values behavior. The default is to leave gaps.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.MissingValues(ChartLineMissingValues.Interpolate);
)
%>
Initializes a new instance of the class.
The series.
Configures the style for line series.
The style. The default is normal.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Style(ChartLineStyle.Step);
)
%>
Configures the series error bars
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.ErrorBars(e => e.Value(1))
)
%>
The radar line series style.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
The style of the line.
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Initializes a new instance of the class.
The series.
Configures the style for radar line series.
The style. The default is normal.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.RadarLine(s => s.Sales)
.Style(ChartRadarLineStyle.Smooth);
)
%>
Gets the X data member of the series.
Gets the Y data member of the series.
Gets the note text member of the series.
Gets the scatter chart data labels configuration
The scatter chart markers configuration.
Gets or sets the X axis name to use for this series.
Gets or sets the Y axis name to use for this series.
The data used for binding.
Initializes a new instance of the class.
The X expression.
The Y expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets the model X data member name.
The model X data member name.
Gets the model Y data member name.
The model Y data member name.
Gets the model note text member name.
The model note text member name.
Gets or sets the X axis name to use for this series.
Gets or sets the Y axis name to use for this series.
Gets the scatter chart data labels configuration
The line chart markers configuration.
The scatter chart data source.
The line chart line width.
The chart line dash type.
The behavior for handling missing values in scatter line series.
Initializes a new instance of the class.
The X expression.
The Y expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
The chart line width.
The chart line dashType.
The behavior for handling missing values in scatter line series.
The scatter chart error bars configuration.
The style of the series.
Initializes a new instance of the class.
The X expression.
The Y expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
The style of the series.
The error bars of the series.
Defines the fluent interface for configuring scatter line series.
The type of the data item
Defines the fluent interface for configuring scatter series.
The type of the data item
The type of the builder
Initializes a new instance of the class.
The series.
Configures the scatter chart labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Scatter(s => s.x, s => s.y)
.Labels(labels => labels
.Position(ChartBarLabelsPosition.Above)
.Visible(true)
);
)
%>
Sets the visibility of scatter chart labels.
The visibility. The default value is false.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Scatter(s => s.x, s => s.y)
.Labels(true);
)
%>
Configures the scatter chart markers.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Scatter(s => s.x, s => s.y)
.Markers(markers => markers
.Type(ChartMarkerShape.Triangle)
);
)
%>
Sets the visibility of scatter chart markers.
The visibility. The default value is true.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Scatter(s => s.x, s => s.y)
.Markers(true);
)
%>
Sets the axis name to use for this series.
The axis name for this series.
<%= 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"))
%>
Sets the axis name to use for this series.
The axis name for this series.
<%= 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"))
%>
Not applicable to scatter series
Initializes a new instance of the class.
The series.
Sets the chart line width.
The line width.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.ScatterLine(s => s.x, s => s.y).Width(2))
.Render();
%>
Sets the chart line dash type.
The line dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.ScatterLine(s => s.x, s => s.y).DashType(ChartDashType.Dot))
.Render();
%>
Configures the behavior for handling missing values in scatter line series.
The missing values behavior. The default is to leave gaps.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.ScatterLine(s => s.x, s => s.y)
.MissingValues(ChartScatterLineMissingValues.Interpolate);
)
%>
Initializes a new instance of the class.
The series.
Configures the scatter line series error bars.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.ScatterLine(s => s.x, s => s.y)
.ErrorBars(e => e.XValue(1))
)
%>
Configures the style for scatterLine series.
The style. The default is normal.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.ScatterLine(s => s.x, s => s.y)
.Style(ChartScatterLineStyle.Smooth);
)
%>
Initializes a new instance of the class.
The X expression.
The Y expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
The scatter chart error bars configuration.
Defines the fluent interface for configuring scatter series.
The type of the data item
Initializes a new instance of the class.
The series.
Configures the scatter series error bars.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Scatter(s => s.x, s => s.y)
.ErrorBars(e => e.XValue(1))
)
%>
Initializes a new instance of the class.
Initializes a new instance of the class.
Initializes a new instance of the class.
The style of the polar area.
Initializes a new instance of the class.
The chart line.
Configures the line style for polar area series.
The style. The default is normal.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.PolarArea(s => s.Sales)
.Line(line => line.Style(ChartPolarAreaStyle.Smooth))
)
%>
Initializes a new instance of the class.
The series.
Configures the polar area chart line.
The line width.
The line color.
The line dashType.
The line style.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.PolarArea(s => s.Sales)
.Line(2, "red", ChartDashType.Dot, ChartPolarAreaStyle.Smooth)
)
.Render();
%>
Configures the polar area chart line.
The configuration action.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.PolarArea(s => s.Sales)
.Line(line => line.Width(2))
)
.Render();
%>
Initializes a new instance of the class.
The series.
Configures the style for scatterLine series.
The style. The default is normal.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.PolarLine(s => s.x, s => s.y)
.Style(ChartPolarLineStyle.Smooth);
)
%>
Initializes a new instance of the class.
The series.
The style of the series.
The polar area chart line configuration.
Initializes a new instance of the class.
The X expression.
The Y expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
The polar area chart line configuration.
Initializes a new instance of the class.
The X expression.
The Y expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
The style of the series.
Initializes a new instance of the class.
The X expression.
The Y expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Defines the position of funnel chart labels.
The label is positioned at the center of the funnel segment.
The label is positioned at the top of the label area.
The label is positioned at the bottom of the label area.
Defines the alignment of the funnel labels.
The labels are positioned on the top of the funnel chart
The labels are positioned on the left side of the chart
The labels are positioned on the right side of the chart
Defines the rendering modes supported by DataViz widgets
Renders the widget as VML, if available.
Renders the widget as a Canvas element, if available.
Renders the widget as inline SVG document, if available.
Note: Animations and most interactive features will be disabled.
Gets or sets the error bars color.
Gets or sets a value indicating if the end caps are visible
The error bars line
Gets or sets the error bars value.
Gets the model data error low member name.
The model data error low member name.
Gets the model data error high member name.
The model data error high member name.
Defines the fluent interface for configuring funnel series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets the name of the series.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Funnel(s => s.Sales, s => s.DateString).Name("Sales"))
%>
Sets the segmentSpacing of the chart.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Funnel(s => s.Sales, s => s.DateString).SegmentSpacing(5))
.Render();
%>
Sets the opacity of the funnel series.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Funnel(s => s.Sales, s => s.DateString).Opacity(0.3))
.Render();
%>
Sets the neck ratio of the funnel chart.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Funnel(s => s.Sales, s => s.DateString).NeckRatio(3))
.Render();
%>
Sets the dynamic slope of the funnel chart.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicSlope(true))
.Render();
%>
Sets the dynamic height of the funnel chart.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicHeight(true))
.Render();
%>
Configures the funnel chart labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Funnel(s => s.Sales, s => s.DateString)
.Labels(labels => labels
.Color("red")
.Visible(true)
);
)
%>
Sets the visibility of funnel chart labels.
The visibility. The default value is false.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Funnel(s => s.Sales, s => s.DateString)
.Labels(true);
)
%>
Sets the funnel segments border
The funnel segments border width.
The funnel segments border color (CSS syntax).
The funnel segments border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Funnel(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot))
.Render();
%>
Configures the funnel border
The border configuration action
Gets or sets the series.
The series.
Defines the fluent interface for configuring the chart data labels.
Defines the fluent interface for configuring the chart labels.
Initializes a new instance of the class.
The labels configuration.
Sets the labels font
The labels font (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Font("14px Arial,Helvetica,sans-serif")
.Visible(true)
);
)
.Render();
%>
Sets the labels visibility
The labels visibility.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Visible(true)
);
)
.Render();
%>
Sets the labels background color
The labels background color.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Background("Red")
.Visible(true);
);
)
.Render();
%>
Sets the labels text color
The labels text color.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Color("Red")
.Visible(true);
);
)
.Render();
%>
Sets the labels margin
The labels top margin.
The labels right margin.
The labels bottom margin.
The labels left margin.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Margin(0, 5, 5, 0)
.Visible(true);
);
)
.Render();
%>
Sets the labels margin
The labels margin.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Margin(20)
.Visible(true);
);
)
.Render();
%>
Sets the labels padding
The labels top padding.
The labels right padding.
The labels bottom padding.
The labels left padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Padding(0, 5, 5, 0)
.Visible(true);
);
)
.Render();
%>
Sets the labels padding
The labels padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Padding(20)
.Visible(true);
);
)
.Render();
%>
Sets the labels border
The labels border width.
The labels border color (CSS syntax).
The labels border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Border(1, "Red", ChartDashType.Dot)
.Visible(true);
);
)
.Render();
%>
Configures the labels border
The border configuration action
Sets the labels format.
The labels format.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Format("{0:C}")
.Visible(true);
);
)
.Render();
%>
Sets the labels template.
The labels template.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Template("${TotalSales}")
.Visible(true);
);
)
.Render();
%>
Sets the labels opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Opacity(0.5)
.Visible(true);
);
)
.Render();
%>
Sets the labels text rotation
The labels text rotation.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Rotation(45)
.Visible(true);
);
)
.Render();
%>
Initializes a new instance of the class.
The data labels configuration.
Sets the labels align
The labels align.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Funnel(p => p.Sales)
.Labels(labels => labels
.Align(ChartFunnelLabelsAlign.Center)
.Visible(true)
);
)
.Render();
%>
Sets the labels position
The labels position.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Funnel(p => p.Sales)
.Labels(labels => labels
.Position(ChartFunnelLabelsPosition.Center)
.Visible(true)
);
)
.Render();
%>
Defines the fluent interface for configuring the error bars.
Initializes a new instance of the class.
The error bars configuration.
Sets the error bars color.
The error bars color.
@(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"))
)
%>
Sets a value indicating if the end caps should be shown.
A value indicating if the end caps should be shown.
@(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"))
)
%>
Configures the error bars lines.
The line width.
The line color.
The line dash type.
@(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))
)
%>
Configures the error bars lines.
The configuration action.
@(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)))
)
%>
Initializes a new instance of the class.
The error bars.
Sets the error bars value.
The error bars value.
@(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"))
)
%>
Sets the error bars difference from the point value.
The error bars difference from the point value.
@(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))
)
%>
Sets the error bars low and high value difference from the point value.
The error bar low value difference from point value.
The error bar high value difference from point value.
@(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))
)
%>
Sets a handler function that returns the error bars value.
The handler code that returns the error bars value.
@(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];
}"
))
)
%>
Sets the error bars low field.
The error bars low field.
@(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"))
)
%>
Sets the error bars high field.
The error bars high field.
@(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"))
)
%>
Sets the error bars low and high fields.
The error bars low field.
The error bars high field.
@(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"))
)
%>
Gets or sets the error bars X value.
Gets or sets the error bars Y value.
Gets the model data x axis error low member name.
The model data x axis error low member name.
Gets the model data x axis error high member name.
The model data x axis error high member name.
Gets the model data y axis error low member name.
The model data y axis error low member name.
Gets the model data y axis error high member name.
The model data y axis error high member name.
Defines the fluent interface for configuring the error bars.
Initializes a new instance of the class.
The error bars.
Sets the error bars x value.
The error bars x value.
@(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"))
)
%>
Sets the error bars difference from the point x value.
The error bars difference from the point x value.
@(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))
)
%>
Sets the error bars low and high value difference from the point x value.
The error bar low value difference from point x value.
The error bar high value difference from point x value.
@(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))
)
%>
Sets a handler function that returns the error bars x value.
The handler code that returns the error bars x value.
@(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];
}"
))
)
%>
Sets the error bars y value.
The error bars y value.
@(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"))
)
%>
Sets the error bars difference from the point y value.
The error bars difference from the point y value.
@(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))
)
%>
Sets the error bars low and high value difference from the point y value.
The error bar low value difference from point y value.
The error bar high value difference from point y value.
@(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))
)
%>
Sets a handler function that returns the error bars y value.
The handler code that returns the error bars y value.
@(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];
}"
))
)
%>
Sets the error bars x low field.
The error bars x low field.
@(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"))
)
%>
Sets the error bars x high field.
The error bars x high field.
@(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"))
)
%>
Sets the error bars x low and high fields.
The error bars x low field.
The error bars x high field.
@(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"))
)
%>
Sets the error bars y low field.
The error bars y low field.
@(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"))
)
%>
Sets the error bars y high field.
The error bars y high field.
@(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"))
)
%>
Sets the error bars y low and high fields.
The error bars y low field.
The error bars y high field.
@(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"))
)
%>
Creates panes for the .
Initializes a new instance of the class.
The container.
Defines a chart pane.
Defines a named chart pane.
The unique pane name
The parent Chart
Defines the fluent interface for configuring Pane.
Initializes a new instance of the class.
The phart pane.
Sets the title of the pane.
The pane title.
Defines the title of the pane.
The configuration action.
Sets the height of the pane.
The pane height.
Sets the pane background color
The background color.
Sets the pane margin
The pane top margin.
The pane right margin.
The pane bottom margin.
The pane left margin.
Sets the pane margin
The pane margin.
Sets the pane padding
The pane top padding.
The pane right padding.
The pane bottom padding.
The pane left padding.
Sets the pane padding
The pane padding.
Sets the pane border
The pane border width.
The pane border color.
The pane dash type.
Configures the pane border
The border configuration action
Gets or sets the Pane.
The Pane.
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The axis base unit steps.
The discrete BaseUnitStep values when BaseUnit is set to Seconds and
BaseUnitStep is set to 0 (auto).
The discrete steps when BaseUnit is set to Seconds.
<% 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))
)
%>
The discrete BaseUnitStep values when BaseUnit is set to Minutes and
BaseUnitStep is set to 0 (auto).
The discrete steps when BaseUnit is set to Minutes.
<% 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))
)
%>
The discrete BaseUnitStep values when BaseUnit is set to Hours and
BaseUnitStep is set to 0 (auto).
The discrete steps when BaseUnit is set to Hours.
<% 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))
)
%>
The discrete BaseUnitStep values when BaseUnit is set to Days and
BaseUnitStep is set to 0 (auto).
The discrete steps when BaseUnit is set to Days.
<% 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))
)
%>
The discrete BaseUnitStep values when BaseUnit is set to Weeks and
BaseUnitStep is set to 0 (auto).
The discrete steps when BaseUnit is set to Weeks.
<% 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))
)
%>
The discrete BaseUnitStep values when BaseUnit is set to Months and
BaseUnitStep is set to 0 (auto).
The discrete steps when BaseUnit is set to Months.
<% 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))
)
%>
The discrete BaseUnitStep values when BaseUnit is set to Years and
BaseUnitStep is set to 0 (auto).
The discrete steps when BaseUnit is set to Years.
<% 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))
)
%>
Defines the fluent interface for configuring bubble series highlight.
Defines the fluent interface for configuring series highlight.
Initializes a new instance of the class.
The series highlight.
Sets the highlight visibility
The highlight visibility.
Gets or sets the highlight
Initializes a new instance of the class.
The series highlight.
Sets the bubble highlight border width.
The color is computed automatically from the base point color.
The bubble highlight border width.
Sets the bubble highlight border width.
The border width.
The border color
Configures the highlight border
Sets the bubble highlight opacity.
The bubble highlight opacity.
Defines the fluent interface for configuring pie series highlight.
Initializes a new instance of the class.
The series highlight.
Sets the bubble highlight border width.
The color is computed automatically from the base point color.
The bubble highlight border width.
Sets the bubble highlight border width.
The border width.
The border color
Configures the highlight border
Sets the bubble highlight opacity.
The bubble highlight opacity.
Sets the pie highlight color.
The highlight color
Defines the fluent interface for configuring candlestick series highlight.
Initializes a new instance of the class.
The series highlight.
Sets the bubble highlight border width.
The color is computed automatically from the base point color.
The bubble highlight border width.
Sets the bubble highlight border width.
The border width.
The border color
Configures the highlight border
Sets the bubble highlight opacity.
The bubble highlight opacity.
Configures the candlestick highlight line width.
The lines width.
Configures the candlestick highlight lines.
The lines width.
The lines color.
Configures the candlestick highlight chart lines.
The configuration action.
Defines the fluent interface for configuring OHLC series highlight.
Initializes a new instance of the class.
The series highlight.
Configures the candlestick highlight line width.
The lines width.
Configures the candlestick highlight lines.
The lines width.
The lines color.
Configures the OHLC highlight chart lines.
The configuration action.
Gets or sets the highlight
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart line.
Configures the crosshair tooltip
The tooltip configuration action
Sets the crosshair visible
The crosshair visible.
<% 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();
%>
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart crosshair tooltip.
Sets the tooltip font
The tooltip font (CSS format).
<% 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();
%>
Sets the tooltip visible
The tooltip visible.
<% 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();
%>
Sets the tooltip background
The tooltip background.
<% 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();
%>
Sets the tooltip text color
The tooltip text color.
The default is the same as the series labels color.
<% 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();
%>
Sets the tooltip padding
The tooltip top padding.
The tooltip right padding.
The tooltip bottom padding.
The tooltip left padding.
<% 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();
%>
Sets the tooltip padding
The tooltip padding.
<% 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();
%>
Sets the tooltip border
The tooltip border width.
The tooltip border color (CSS syntax).
<% 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();
%>
Configures the tooltip border
The border configuration action
Sets the tooltip format
The tooltip format.
The format string is ignored if a template is set.
<% 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();
%>
Sets the tooltip template
The tooltip template.
A client-side template for the tooltip.
Available template variables:
- value - the point value
The format string is ignored if a template is set.
<% 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();
%>
Sets the tooltip opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<% 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();
%>
Defines the fluent interface for configuring bullet series.
The type of the data item
Initializes a new instance of the class.
The series.
Set distance between category clusters.
A value of 1 means that there is a total of 1 bullet width / vertical bullet height between categories.
The distance is distributed evenly on each side.
The default value is 1.5
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Gap(1))
%>
Sets a value indicating the distance between bullets / categories.
Value of 1 means that the distance between bullets is equal to their width.
The default value is 0
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Spacing(1))
%>
Sets the bullets border.
The bullets border width.
The bullets border color (CSS syntax).
The bullets border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Border("1", "#000", ChartDashType.Dot))
.Render();
%>
Sets the bullet effects overlay
The bullet effects overlay. The default is ChartBarSeriesOverlay.Glass
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Overlay(ChartBarSeriesOverlay.None))
.Render();
%>
Sets the series title displayed in the legend.
The title.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Name("Sales"))
%>
Sets the series opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Opacity(0.5))
%>
Sets the bullet fill color
The bar bullet color (CSS syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Color("Red"))
.Render();
%>
Configure the data point tooltip for the series.
Use the configurator to set data tooltip options.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target)
.Tooltip(tooltip =>
{
tooltip.Visible(true).Format("{0:C}");
})
)
%>
Sets the data point tooltip visibility.
A value indicating if the data point tooltip should be displayed.
The tooltip is not visible by default.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target).Tooltip(true))
%>
Sets the axis name to use for this series.
The axis name for this series.
<%= 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))
%>
Configure the data point tooltip for the series.
Use the configurator to set data tooltip options.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullet(s => s.Current, s => s.Target)
.Tooltip(tooltip =>
{
tooltip.Visible(true).Format("{0:C}");
})
)
%>
Gets or sets the series.
The series.
Defines the fluent interface for configuring the chart target.
Initializes a new instance of the class.
The chart target configuration.
Sets the target width.
The target width.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bullet(s => s.Current, s => s.Target)
.Target(target => target
.Width(10)
);
)
.Render();
%>
Sets the target border
The target border width.
The target border color (CSS syntax).
The target border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bullet(s => s.Current, s => s.Target)
.Target(target => target
.Border(1, "Red", ChartDashType.Dot)
);
)
.Render();
%>
Configures the markers border
The border configuration action
Sets the color of the bullet chart target.
The color of the bullet chart target.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bullet(s => s.Current, s => s.Target)
.Target(target => target
.Color("Red");
);
)
.Render();
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The chart legend.
Sets the selection lower boundary
The selection lower boundary.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis =>
axis.Select(select => select.From(from))
)
.Render();
%>
Sets the selection lower boundary
The selection lower boundary.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.Select(select =>
select.From(from).To(to)
))
.Render();
%>
Sets the selection upper boundary
The selection upper boundary.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.Select(select =>
select.To(toDate).To(toDate)
))
.Render();
%>
Sets the selection upper boundary
The selection upper boundary.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.Select(select => select.To(to).To(to)
))
.Render();
%>
Configures the mousewheel zoom options
The mousewheel zoom options
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The mousewheel zoom settings.
Reverses the mousewheel direction.
Rotating the wheel down will shrink the selection, rotating up will expand it.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.Select(select => select
.From(fromDate).To(toDate)
.Mousewheel(mw => mw.Reverse())
))
.Render();
%>
Sets a value indicating if the mousewheel should be reversed.
true: scrolling up shrinks the selection.
false: scrolling down expands the selection.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.Select(select => select
.From(fromDate).To(toDate)
.Mousewheel(mw => mw.Reverse(true))
))
.Render();
%>
Sets the mousehweel zoom type
The mousehweel zoom type. Default value is ChartZoomDirection.Both
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.Select(select =>
select.From(from).To(to)
.Mousewheel(mw => mw.Zoom(ChartZoomDirection.Left))
))
.Render();
%>
Defines the fluent interface for configuring the chart labels.
Initializes a new instance of the class.
The labels configuration.
Sets the labels font
The labels font (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend
.Labels(labels => labels
.Font("14px Arial,Helvetica,sans-serif")
)
)
.Render();
%>
Sets the labels text color
The labels text color.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend
.Labels(labels => labels
.Color("Red")
)
)
.Render();
%>
Sets the labels template.
The labels template.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend
.Labels(labels => labels
.Template("${TotalSales}")
)
)
.Render();
%>
Defines the fluent interface for configuring the chart note label.
Initializes a new instance of the class.
The data labels configuration.
Sets the labels position
The labels position.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(note => note
.Label(label => label
.Position(ChartNoteLabelPosition.Inside)
)
)
)
.Render();
%>
Sets the labels position
The labels position.
<% 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();
%>
Defines the fluent interface for configuring the chart note line.
Initializes a new instance of the class.
The connectors configuration.
Sets the line width
The line width.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Note(note => note.Line(line => line.Width(2)))
)
.Render();
%>
Sets the line color
The line color.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Note(note => note.Line(line => line.Color("red")))
)
.Render();
%>
Sets the connectors padding
The connectors padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Note(note => note.Line(line => line.Length(15)))
)
.Render();
%>
Defines the fluent interface for configuring the chart note.
Initializes a new instance of the class.
The note configuration.
Sets the line configuration of the note
The line configuration.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(note => note
.Line(line => line.Width(2))
)
)
.Render();
%>
Sets the label configuration of the note
The label configurator.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(note => note
.Label(label => label.Position(ChartNoteLabelPosition.Inside))
)
)
.Render();
%>
Sets the icon configuration of the note
The icon configuration.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(note => note.Icon(icon => icon.Size(10)))
)
.Render();
%>
Sets the note position.
The note position.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(note => note.Position(ChartNotePosition.Left))
)
.Render();
%>
Creates items for the .
Initializes a new instance of the class.
The contener of the item.
Defines a item.
Defines the fluent interface for configuring the chart note.
Initializes a new instance of the class.
The data labels configuration.
Sets the note value.
The value of the note.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(note => note
.Data(items =>
{
data.Add().Value(1);
data.Add().Value(2);
})
)
)
.Render();
%>
Defines the fluent interface for configuring notes of the axis.
Initializes a new instance of the class.
The notes.
Sets the line configuration of the note
The line configuration.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(notes => notes
.Line(line => line.Width(2))
)
)
.Render();
%>
Sets the label configuration of the note
The label configurator.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(notes => notes
.Label(label => label.Position(ChartNoteLabelPosition.Inside))
)
)
.Render();
%>
Sets the icon configuration of the note
The icon configuration.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(notes => notes.Icon(icon => icon.Size(10)))
)
.Render();
%>
Sets the note position.
The note position.
<% Html.Kendo().Chart()
.Name("Chart")
.ValueAxis(a => a.Numeric()
.Note(notes => notes.Position(ChartNotePosition.Left))
)
.Render();
%>
Gets or sets the axis.
The axis.
Defines the fluent interface for configuring .
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart line.
Sets the line visibility
The line visibility.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorGridLines(lines => lines.Visible(true)))
.Render();
%>
Initializes a new instance of the class.
The chart line.
Sets the line skip
The line skip.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorGridLines(lines => lines.Skip(2)))
.Render();
%>
Sets the line step
The line step.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorGridLines(lines => lines.Step(2)))
.Render();
%>
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart line.
Sets the line skip
The line skip.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MinorGridLines(lines => lines.Skip(2)))
.Render();
%>
Sets the line step
The line step.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MinorGridLines(lines => lines.Step(2)))
.Render();
%>
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart line.
Sets the line skip
The line skip.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MinorTicks(lines => lines.Skip(2)))
.Render();
%>
Sets the line step
The line step.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MinorTicks(lines => lines.Step(2)))
.Render();
%>
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart line.
Sets the line skip
The line skip.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorTicks(lines => lines.Skip(2)))
.Render();
%>
Sets the line step
The line step.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorTicks(lines => lines.Step(2)))
.Render();
%>
Defines the fluent interface for configuring bar series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets the aggregate function for date series.
This function is used when a category (an year, month, etc.) contains two or more points.
Lower aggregate name.
Q1 aggregate name.
Median aggregate name.
Q3 aggregate name.
Upper aggregate name.
Mean aggregate name.
Outliers aggregate name.
<%= 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
)
)
%>
Set distance between category clusters.
A value of 1 means that there is a total of 1 point width between categories.
The distance is distributed evenly on each side.
The default value is 1
<%= 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))
%>
Sets a value indicating the distance between points in the same category.
Value of 1 means that the distance between points in the same category.
The default value is 0.3
<%= 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))
%>
Sets the points border
The points border width.
The points border color (CSS syntax).
The points border dash type.
<% 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();
%>
Configures the ohlc chart lines.
The lines width.
The lines color.
The lines dashType.
<% 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();
%>
Configures the ohlc line width.
The lines width.
Configures the ohlc lines.
The lines width.
The lines color.
Configures the ohlc chart lines.
The configuration action.
<% 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();
%>
Configures the box plot chart outliers.
The configuration action.
<%= 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)
);
)
%>
Sets the visibility of box plot chart outliers.
The visibility. The default value is 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)
.Outliers(true);
)
%>
Configures the box plot chart extremum.
The configuration action.
<%= 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)
);
)
%>
Sets the visibility of box plot chart extremum.
The visibility. The default value is 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(true);
)
%>
Defines the position of axis ticks
The tick is drawn on the outer side of the axis
No tick is drawn
Defines the gradient of bar/column charts
The bars have glass effect overlay.
The bars have no effect overlay.
Defines the position of bar/column chart labels
The label is positioned at the bar center
The label is positioned inside, near the end of the bar
The label is positioned inside, near the base of the bar
The label is positioned outside, near the end of the bar.
Not applicable for stacked bar series.
Defines the position chart legend
The legend is positioned on the top
The legend is positioned on the bottom
The legend is positioned on the left
The legend is positioned on the right
The legend is positioned using OffsetX and OffsetY
Defines the position of point labels.
The label is positioned at the top of the point marker.
The label is positioned at the right of the point marker.
The label is positioned at the bottom of the point marker.
The label is positioned at the left of the point marker.
Defines the behavior for handling missing values in line series.
The value is interpolated from neighboring points.
The value is assumed to be zero.
The line stops before the missing point and continues after it.
Defines the shape of the marker.
The marker shape is square.
The marker shape is triangle.
The marker shape is circle.
Defines text alignment options
The text is aligned to the left
The text is aligned to the middle
The text is aligned to the right
Defines the position chart title
The title is positioned on the top
The title is positioned on the bottom
Specifies a line dash type.
Specifies a solid line.
Specifies a line consisting of dots.
Specifies a line consisting of dashes.
Specifies a line consisting of a repeating pattern of long-dash.
Specifies a line consisting of a repeating pattern of dash-dot.
Specifies a line consisting of a repeating pattern of lond-dash-dot.
Specifies a line consisting of a repeating pattern of long-dash-dot-dot.
Defines the available pie series effects overlays
The pies have no effect overlay
The pie segments have sharp bevel effect overlay
The pie segments have sharp bevel effect overlay
Defines the alignment of the pie labels.
The labels are positioned in circle around the pie chart.
The labels are positioned in columns to the left and right of the pie chart.
Defines the behavior for handling missing values in scatter line series.
The value is interpolated from neighboring points.
The line stops before the missing point and continues after it.
Defines the position of pie chart labels.
The label is positioned at the center of the pie segment.
The label is positioned inside, near the end of the pie segment.
The label is positioned outside, near the end of the pie segment.
The label and the pie segment are connected with connector line.
Defines chart axis orientation
The axis is verical
The axis is horizontal
Defines the position chart axis title
The axis title is positioned on the top (work only with vertical axis)
The axis title is positioned on the bottom (work only with vertical axis)
The axis title is positioned on the left (work only with horizontal axis)
The axis title is positioned on the right (work only with horizontal axis)
The axis title is positioned in the center
Defines the behavior for handling missing values in area series.
The value is interpolated from neighboring points.
The value is assumed to be zero.
The line stops before the missing point and continues after it.
Aggregate function for date series.
The highest value for the date period
The lowest value for the date period
The sum of all values for the date period
The number of values for the date period
The average of all values for the date period
The first of all values for the date period
Specifies the category axis type.
Discrete category axis.
Specialized axis for displaying chronological data.
The base time interval for the axis.
Seconds
Minutes
Hours
Days
Months
Weeks
Years
Automatic base unit based on limit set from MaxDataGroups.
Note that the BaseUnitStep setting will be disregarded.
Defines the fluent interface for configuring of all axes.
Defines the fluent interface for configuring axes.
The type of the series builder.
Initializes a new instance of the class.
The axis.
Configures the major ticks.
The configuration action.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(axis => axis
.MajorTicks(ticks => ticks
.Visible(false)
)
)
%>
Configures the major ticks.
The configuration action.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(axis => axis
.Crosshair(crosshair => crosshair
.Visible(false)
)
)
%>
Sets the axis name.
The axis name.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(axis => axis
.Name("axisName")
)
%>
Configures the minor ticks.
The configuration action.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(axis => axis
.MinorTicks(ticks => ticks
.Visible(false)
)
)
%>
Configures the major grid lines.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.MajorGridLines(lines => lines.Visible(true))
)
%>
Sets color and width of the major grid lines and enables them.
The major gridlines width
The major gridlines color (CSS syntax)
The major gridlines line dashType.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.MajorGridLines(2, "red", ChartDashType.Dot)
)
%>
Configures the minor grid lines.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.MinorGridLines(lines => lines.Visible(true))
)
%>
Sets color and width of the minor grid lines and enables them.
The minor gridlines width
The minor gridlines color (CSS syntax)
The minor grid lines dash type
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.MinorGridLines(2, "red", ChartDashType.Dot)
)
%>
Configures the axis line.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.Line(line => line.Color("#f00"))
)
%>
Sets color and width of the lines and enables them.
The axis line width
The axis line color (CSS syntax)
The axis line dashType.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.Line(2, "#f00", ChartDashType.Dot)
)
%>
Configures the axis labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Labels(labels => labels
.Color("Red")
.Visible(true)
);
)
%>
Sets the visibility of numeric axis chart labels.
The visibility. The default value is false.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.Labels(true))
%>
Defines the plot bands items.
The add action.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.PlotBands.Add()
.From(1)
.To(2)
)
%>
Configures the chart axis title.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.Title(title => title.Text("Axis"))
)
%>
Sets the axis title.
The axis title.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.Title("Axis")
)
%>
Renders the axis in the pane with the specified name.
The pane name.
<%= 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")
)
%>
Sets the color for all axis elements. Can be overriden by individual settings.
The axis color.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.Color("#ff0000")
)
%>
Sets the axis reverse option.
A value indicating if the axis labels should be rendered in reverse.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.Reverse(true)
)
%>
Reverse the axis.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
.Reverse()
)
%>
Sets the axis visibility
The axis visibility.
The angle (degrees) where the 0 value is placed.
It defaults to 0.
Angles increase counterclockwise and 0 is to the right. Negative values are acceptable.
A value indicating if the automatic axis range should snap to 0.
The narrowRange value.
Sets the axis background color
The axis visibility.
Gets or sets the axis.
The axis.
Initializes a new instance of the class.
The chart.
Defines the fluent interface for configuring the chart labels.
Initializes a new instance of the class.
The labels configuration.
Renders the axis labels on the other side.
A value indicating whether to render the axis labels on the other side.
<%= 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)
)
%>
Label rendering step.
A value indicating the step at which labels are rendered.
Every n-th label is rendered where n is the step.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(product => product.Name)
.Labels(labels => labels.Step(2))
)
%>
Label rendering skip.
Skips rendering the first n labels.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(product => product.Name)
.Labels(labels => labels.Skip(2))
)
%>
Defines the fluent interface for configuring the chart data labels.
Initializes a new instance of the class.
The data labels configuration.
Sets the labels align
The labels align.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(p => p.Sales)
.Labels(labels => labels
.Align(ChartPieLabelsAlign.Column)
.Visible(true)
);
)
.Render();
%>
Sets the labels distance
The labels distance.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(p => p.Sales)
.Labels(labels => labels
.Distance(20)
.Visible(true)
);
)
.Render();
%>
Sets the labels position
The labels position.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(p => p.Sales)
.Labels(labels => labels
.Position(ChartPieLabelsPosition.Center)
.Visible(true)
);
)
.Render();
%>
Defines the fluent interface for configuring the chart data points tooltip.
Initializes a new instance of the class.
The data point tooltip configuration.
Sets the tooltip font
The tooltip font (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Font("14px Arial,Helvetica,sans-serif")
.Visible(true)
)
.Render();
%>
Sets the tooltip visibility
The tooltip visibility. The tooltip is not visible by default.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Visible(true)
)
.Render();
%>
Sets the tooltip background color
The tooltip background color.
The default is determined from the series color.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Background("Red")
.Visible(true)
)
.Render();
%>
Sets the tooltip text color
The tooltip text color.
The default is the same as the series labels color.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Color("Red")
.Visible(true)
)
.Render();
%>
Sets the tooltip padding
The tooltip top padding.
The tooltip right padding.
The tooltip bottom padding.
The tooltip left padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Padding(0, 5, 5, 0)
.Visible(true)
)
.Render();
%>
Sets the tooltip padding
The tooltip padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Padding(20)
.Visible(true)
)
.Render();
%>
Sets the tooltip border
The tooltip border width.
The tooltip border color (CSS syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Border(1, "Red")
.Visible(true)
)
.Render();
%>
Configures the tooltip border
The border configuration action
Sets the tooltip format
The tooltip format.
The format string is ignored if a template is set.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Format("{0:C}")
.Visible(true)
)
.Render();
%>
Sets the tooltip template
The tooltip template.
A client-side template for the tooltip.
Available template variables:
- value - the point value
- category - the category name
- series - the data series configuration object
- dataItem - the original data item (client-side binding only)
The format string is ignored if a template is set.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Template("<#= category #> - <#= value #>")
.Visible(true)
)
.Render();
%>
Sets the tooltip opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Opacity(0.5)
.Visible(true)
)
.Render();
%>
Sets the tooltip shared
The tooltip shared.
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Visible(true)
.Shared(true)
)
.Render();
%>
Sets the tooltip shared template
The tooltip shared template.
A client-side shared template for the tooltip.
Available shared template variables:
- points - the category points
- category - the category name
<% Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip => tooltip
.Template("<#= category #>")
.Visible(true)
)
.Render();
%>
Defines the fluent interface for configuring pie series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets the name of the series.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString).Name("Sales"))
%>
Sets the series opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString).Opacity(0.5))
%>
Sets the padding of the chart.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString).Padding(100))
.Render();
%>
Sets the start angle of the first pie segment.
The pie start angle(in degrees).
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString).StartAngle(100))
.Render();
%>
Configures the pie chart labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(s => s.Sales, s => s.DateString)
.Labels(labels => labels
.Color("red")
.Visible(true)
);
)
%>
Sets the visibility of pie chart labels.
The visibility. The default value is false.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(s => s.Sales, s => s.DateString)
.Labels(true);
)
%>
Sets the pie segments border
The pie segments border width.
The pie segments border color (CSS syntax).
The pie segments border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot))
.Render();
%>
Configures the pie border
The border configuration action
Sets the pie segments effects overlay
The pie segment effects overlay.
The default value is set in the theme.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString).Overlay(ChartPieSeriesOverlay.None))
.Render();
%>
Configures the pie chart connectors.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(s => s.Sales, s => s.DateString)
.Connectors(c => c
.Color("red")
);
)
%>
Configures the pie highlight
The configuration action.
Gets or sets the series.
The series.
Defines the fluent interface for configuring the chart connectors.
Initializes a new instance of the class.
The connectors configuration.
Sets the connectors width
The connectors width.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(p => p.Sales)
.Connectors(c => c
.Width(3)
);
)
.Render();
%>
Sets the connectors color
The connectors color.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(p => p.Sales)
.Connectors(c => c
.Color(red)
);
)
.Render();
%>
Sets the connectors padding
The connectors padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Pie(p => p.Sales)
.Connectors(c => c
.Padding(10)
);
)
.Render();
%>
Defines the fluent interface for configuring plot band.
Initializes a new instance of the class.
The plot band.
Sets the plot band start position.
The plot band start position.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.PlotBands(plotBands => plotBands
.Add().From(1).Color("Red");
)
)
.Render();
%>
Sets the plot band end position.
The plot band end position.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.PlotBands(plotBands => plotBands
.Add().To(2).Color("Red");
)
)
.Render();
%>
Sets the plot band background color
The plot band background color.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.PlotBands(plotBands => plotBands
.Add().Color("Red");
)
)
.Render();
%>
Sets the plot band opacity
The plot band opacity.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.PlotBands(plotBands => plotBands
.Add().Opacity(0.5);
)
)
.Render();
%>
Creates plot bands for the .
Initializes a new instance of the class.
The axis.
Adds a plot band.
Defines a item.
The Axis
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The chart axis title.
Sets the axis title text.
The text of the axis title.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Text("Axis")
);
)
.Render();
%>
Sets the axis title font.
The axis title font (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Font("16px Arial,Helvetica,sans-serif")
);
)
.Render();
%>
Sets the axis title background color.
The axis background color.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Background("red")
);
)
.Render();
%>
Sets the axis title text color.
The axis text color.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Color("red")
);
)
.Render();
%>
Sets the axis title position.
The axis title position.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Position(ChartTitlePosition.Center)
);
)
.Render();
%>
Sets the axis title margin.
The axis title top margin.
The axis title right margin.
The axis title bottom margin.
The axis title left margin.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Margin(20, 20, 20, 20)
);
)
.Render();
%>
Sets the axis title margin.
The axis title margin.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Margin(20)
);
)
.Render();
%>
Sets the axis title padding.
The axis title top padding.
The axis title right padding.
The axis title bottom padding.
The axis title left padding.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Padding(20, 20, 20, 20)
);
)
.Render();
%>
Sets the axis title padding
The axis title padding.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Padding(20)
);
)
.Render();
%>
Sets the axis title border
The axis title border width.
The axis title border color.
The axis title dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Border(1, "#000", ChartDashType.Dot)
);
)
.Render();
%>
Configures the title border
The border configuration action
Sets the axis title opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Opacity(0.5)
);
)
.Render();
%>
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart border.
Sets the border color.
The border color (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Border(border => border.Color("#f00")))
.Render();
%>
Sets the border opacity
The border opacity (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Border(border => border.Opacity(0.2)))
.Render();
%>
Sets the border width.
The border width.
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Border(border => border.Width(2)))
.Render();
%>
Sets the border dashType.
The border dashType.
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Border(border => border.DashType(ChartDashType.Dot)))
.Render();
%>
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart axis ticks.
Sets the ticks size
The ticks size.
<% Html.Kendo().Chart()
.Name("chart")
.ValueAxis(axis => axis.MajorTicks(ticks => ticks.Size(2)))
.Render();
%>
Sets the ticks visibility
The ticks visibility.
<% Html.Kendo().Chart()
.Name("chart")
.ValueAxis(axis => axis.MajorTicks(ticks => ticks.Visible(false)))
.Render();
%>
Configures date category axis for the .
The type of the data item to which the chart is bound to
Initializes a new instance of the class.
The chart.
Defines bound categories.
The expression used to extract the categories value from the chart model
Defines categories.
The list of categories
Defines categories.
The list of categories
Sets the date category axis base unit.
The date category axis base unit
Sets the step (interval) between categories in base units.
Specifiying 0 (auto) will set the step to such value that the total
number of categories does not exceed MaxDateGroups.
This option is ignored if baseUnit is set to "fit".
the step (interval) between categories in base units.
Set 0 for automatic step. The default value is 1.
Specifies the maximum number of groups (categories) that the chart will attempt to
produce when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto).
This option is ignored in all other cases.
the maximum number of groups (categories).
The default value is 10.
If set to false, the min and max dates will not be rounded off to
the nearest baseUnit.
This option is most useful in combination with explicit min and max dates.
It will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
A boolean value that indicates if the axis range should be rounded to the nearest base unit.
The default value is true.
Sets the week start day.
The week start day when the base unit is Weeks. The default is Sunday.
Positions categories and series points on major ticks. This removes the empty space before and after the series.
This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
A boolean value that indicates if the empty space before and after the series should be removed.
The default value is false.
Positions categories and series points on major ticks. This removes the empty space before and after the series.
This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
Specifies the discrete baseUnitStep values when
either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto).
The configuration action.
Sets the date category axis minimum (start) date.
The date category axis minimum (start) date
Sets the date category axis maximum (end) date.
The date category axis maximum (end) date
Sets value at which the first perpendicular axis crosses this axis.
The value at which the first perpendicular axis crosses this axis.
<%= 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"))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Configures the axis labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.Culture(new CultureInfo("es-ES")
.Visible(true)
)
))
%>
Sets the selection range
The selection range start.
The selection range end.
*Note*: The specified date is not included in the selected range
unless the axis is justified. In order to select all categories specify
a value larger than the last date.
<%= Html.Kendo().StockChart(Model)
.Name("StockChart")
.CategoryAxis(axis => axis.Select(DateTime.Today.AddMonths(-1), DateTime.Today))
%>
Configures the selection
The configuration action.
<%= Html.Kendo().StockChart(Model)
.Name("StockChart")
.CategoryAxis(axis => axis.Select(select =>
select.Mousewheel(mw => mw.Reverse())
))
%>
The parent Chart
Defines the fluent interface for configuring the chart labels.
Initializes a new instance of the class.
The labels configuration.
Culture to use for formatting the dates.
Culture to use for formatting the dates.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Categories(sale => sale.Date)
.Labels(labels => labels.Culture(new CultureInfo("es-ES")))
)
%>
Culture to use for formatting the dates.
See Globalization
for more information.
Culture to use for formatting the dates.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Categories(sale => sale.Date)
.Labels(labels => labels.Culture(new CultureInfo("es-ES")))
)
%>
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The date formats.
Sets the date format when the base date unit is
The date format.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.DateFormats(formats => formats
.Seconds("HH:mm:ss")
)
)
);
%>
Sets the date format when the base date unit is
The date format.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.DateFormats(formats => formats
.Minutes("ss")
)
)
);
%>
Sets the date format when the base date unit is
The date format.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.DateFormats(formats => formats
.Hours("HH:mm")
)
)
);
%>
Sets the date format when the base date unit is
The date format.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.DateFormats(formats => formats
.Days("dddd dd")
)
)
);
%>
Sets the date format when the base date unit is
The date format.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.DateFormats(formats => formats
.Months("MMMM MM")
)
)
);
%>
Sets the date format when the base date unit is
The date format.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.DateFormats(formats => formats
.Months("dddd")
)
)
);
%>
Sets the date format when the base date unit is
The date format.
<%= Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels
.DateFormats(formats => formats
.Years("yyyy")
)
)
);
%>
Defines the fluent interface for configuring numeric axis.
Initializes a new instance of the class.
The axis.
Sets the date axis base unit.
The date axis base unit
Sets the start date of the axis.
The start date of the axis.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.XAxis(a => a.Date().Min(DateTime.Parse("2012/01/01")))
%>
Sets the end date of the axis.
The end date of the axis.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.XAxis(a => a.Date().Max(DateTime.Parse("2012/01/01")))
%>
Sets the interval between major divisions in base units.
The interval between major divisions in base units.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.XAxis(a => a.Date().BaseUnit(ChartAxisBaseUnit.Months).MajorUnit(4))
%>
Sets the interval between minor divisions in base units.
It defaults to 1/5th of the majorUnit
The interval between minor divisions in base units.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.XAxis(a => a.Date().BaseUnit(ChartAxisBaseUnit.Days).MajorUnit(4).MinorUnit(2))
%>
Sets value at which the first perpendicular axis crosses this axis.
The value at which the first perpendicular axis crosses this axis.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.XAxis(axis => axis.Date().AxisCrossingValue(DateTime.Parse("2012/01/01")))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Configures the axis labels.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.XAxis(axis => axis
.Date()
.Labels(labels => labels
.Culture(new CultureInfo("es-ES")
.Visible(true)
)
))
%>
Defines the fluent interface for configuring donut series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets the margin of the donut series.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Donut(s => s.Sales, s => s.DateString).Margin(10))
.Render();
%>
Sets the the size of the donut hole.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Donut(s => s.Sales, s => s.DateString).HoleSize(40))
.Render();
%>
Sets the size of the donut series.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Donut(s => s.Sales, s => s.DateString).Size(20))
.Render();
%>
Gets or sets the series.
The series.
Defines the fluent interface for configuring bubble series.
The type of the data item
Initializes a new instance of the class.
The series.
Configures the bubble chart behavior for negative values.
By default negative values are not visible.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bubble(s => s.x, s => s.y, s => s.size)
.NegativeValues(n => n
.Visible(true)
);
)
%>
Sets the bubble border
The bubble border width.
The bubble border color (CSS syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bubble(s => s.x, s => s.y, s => s.size)
.Border(1, "Red");
)
.Render();
%>
Not applicable to bubble series
Not applicable to bubble series
Configures the bubble highlight
The configuration action.
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The negative value settings.
Sets the color for bubbles representing negative values
The bubble color (CSS format).
<% 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();
%>
Sets the visibility for bubbles representing negative values
The visibility for bubbles representing negative values.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bubble(s => s.x, s => s.y, s => s.size)
.NegativeValues(n => n
.Visible(true)
);
)
.Render();
%>
Defines the fluent interface for configuring bar series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets the aggregate function for date series.
This function is used when a category (an year, month, etc.) contains two or more points.
Open aggregate name.
High aggregate name.
Low aggregate name.
Close aggregate name.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.OHLC(s => s.Sales).Aggregate(ChartSeriesAggregate.Avg))
%>
Set distance between category clusters.
A value of 1 means that there is a total of 1 point width between categories.
The distance is distributed evenly on each side.
The default value is 1
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.OHLC(s => s.Sales).Gap(1.5))
%>
Sets a value indicating the distance between points in the same category.
Value of 1 means that the distance between points in the same category.
The default value is 0.3
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Spacing(s => s.Sales).Spacing(1))
%>
Sets the points border
The points border width.
The points border color (CSS syntax).
The points border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(s => s.Sales).Border("1", "#000", ChartDashType.Dot))
.Render();
%>
Configures the ohlc chart lines.
The lines width.
The lines color.
The lines dashType.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.OHLC(s => s.Sales)
.Line(2, "red", ChartDashType.Dot)
)
.Render();
%>
Configures the ohlc line width.
The lines width.
Configures the ohlc lines.
The lines width.
The lines color.
Configures the ohlc chart lines.
The configuration action.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Area(s => s.Sales)
.Line(line => line.Opacity(0.2))
)
.Render();
%>
Configures the series highlight
The configuration action.
Defines the fluent interface for configuring candlestick series.
The type of the data item
Initializes a new instance of the class.
The series.
Sets the bar effects overlay
The candlestick effects overlay. The default is ChartBarSeriesOverlay.Glass
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Candlestick(s => s.Sales).Overlay(ChartBarSeriesOverlay.None))
.Render();
%>
Configures the series highlight
The configuration action.
Gets or sets the series.
The series.
Aggregates function for date series.
The distance between category clusters.
The data used for binding.
The ohlc chart line configuration.
The type of the chart.
Space between points.
Gets or sets the point border.
Gets the model color member name.
The model color member name.
Gets the model data category member name.
The model data category member name.
Gets the model note text member name.
The model note text member name.
Gets the model lower member name.
The model lower member name.
Gets the model q1 member name.
The model q1 member name.
Gets the model median member name.
The model median member name.
Gets the model close member name.
The model close member name.
Gets the model upper member name.
The model upper member name.
Gets the model mean member name.
The model mean member name.
Gets the model outliers member name.
The model outliers member name.
Gets or sets outliers.
Gets or sets extremes.
Initializes a new instance of the class.
The lower expression.
The q1 expression.
The median expression.
The q3 expression.
The upper expression.
The mean expression.
The outliers expression.
The expression used to extract the point category from the chart model.
The color expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets the series type.
Gets the model lower member name.
The model lower member name.
Gets the model q1 member name.
The model q1 member name.
Gets the model median member name.
The model median member name.
Gets the model model q3 member name.
The model q3 member name.
Gets the model upper member name.
The model upper member name.
Gets the model mean member name.
The model mean member name.
Gets the model outliers member name.
The model outliers member name.
Gets or sets outliers.
Gets or sets outliers.
Gets the model data color member name.
The model data color member name.
Gets the model data category member name.
The model data category member name.
Gets a function which returns the category of the property to which the column is bound to.
Gets the model data note text member name.
The model data note text member name.
Gets or sets the point border
The ohlc chart data configuration.
Aggregates function for date series.
The distance between category clusters.
A value of 1 means that there is a total of 1 point width between categories.
The distance is distributed evenly on each side.
Space between points.
Value of 1 means that the distance between points is equal to their width.
The ohlc chart line configuration.
Initializes a new instance of the class.
Gets or sets the markers size.
Gets or sets the markers background.
Gets or sets the markers type.
Gets or sets the markers visibility.
Gets or sets the markers border.
Gets or sets the markers rotation angle.
Defines the fluent interface for configuring the chart data labels.
Initializes a new instance of the class.
The data labels configuration.
Sets the labels position
The labels position.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Labels(labels => labels
.Position(ChartPointLabelsPosition.Above)
.Visible(true)
);
)
.Render();
%>
Defines the fluent interface for configuring the chart data labels.
Initializes a new instance of the class.
The line chart markers configuration.
Sets the markers shape type.
The markers shape type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Type(ChartMarkerShape.Triangle)
);
)
.Render();
%>
Sets the markers size.
The markers size.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Size(10)
);
)
.Render();
%>
Sets the markers visibility
The markers visibility.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Visible(true)
);
)
.Render();
%>
Sets the markers border
The markers border width.
The markers border color (CSS syntax).
The markers border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Border(1, "Red", ChartDashType.Dot)
);
)
.Render();
%>
Configures the markers border
The border configuration action
The background color of the current series markers.
The background color of the current series markers. The background color is series color.
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Background("Red");
);
)
.Render();
%>
Sets the markers rotation angle.
The markers rotation angle.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Type(ChartMarkerShape.Triangle)
.Rotation(10)
);
)
.Render();
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The plot area.
Sets the Plot area background color
The background color.
<% Html.Kendo().Chart()
.Name("Chart")
.PlotArea(plotArea => plotArea.Background("Red"))
.Render();
%>
Sets the Plot area margin
The plot area top margin.
The plot area right margin.
The plot area bottom margin.
The plot area left margin.
<% Html.Kendo().Chart()
.Name("Chart")
.PlotArea(plotArea => plotArea.Margin(0, 5, 5, 0))
.Render();
%>
Sets the Plot area margin
The plot area margin.
<% Html.Kendo().Chart()
.Name("Chart")
.PlotArea(plotArea => plotArea.Margin(5))
.Render();
%>
Sets the Plot area border
The border width.
The border color (CSS syntax).
The border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.PlotArea(plotArea => plotArea.Border(1, "#000", ChartDashType.Dot))
.Render();
%>
Configures the plot area border
The border configuration action
Sets the plot area opacity.
The plot area opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.PlotArea(p => p.Background("green").Opacity(0.5))
%>
Initializes a new instance of the class.
Gets or sets the plot area background.
The plot area background.
Gets or sets the plot area opacity.
A value between 0 (transparent) and 1 (opaque).
Gets or sets the plot area border.
The plot area border.
Gets or sets the plot area margin.
The plot area margin.
Defines the fluent interface for configuring the chart data labels.
Initializes a new instance of the class.
The data labels configuration.
Sets the labels position
The labels position.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Position(ChartBarLabelsPosition.InsideEnd)
.Visible(true)
);
)
.Render();
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The chart area.
Sets the chart area background color.
The background color.
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Background("Red"))
.Render();
%>
Sets the chart area margin.
The chart area top margin.
The chart area right margin.
The chart area bottom margin.
The chart area left margin.
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Margin(0, 5, 5, 0))
.Render();
%>
Sets the chart area margin.
The chart area margin.
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Margin(5))
.Render();
%>
Sets the chart area border.
The border width.
The border color (CSS syntax).
The border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.Border(1, "#000", ChartDashType.Dot))
.Render();
%>
Configures the plot area border
The border configuration action
Sets the height of the chart area.
The chart area height.
Sets the width of the chart area.
The chart area width.
Defines the fluent API for configuring the chart series defaults.
Defines the default settings for bar series.
Defines the default settings for column series.
Defines the default settings for line series.
Defines the default settings for vertical line series.
Defines the default settings for area series.
Defines the default settings for vertical area series.
Defines the default settings for pie series.
Defines the default settings for donut series.
Defines the default settings for funnel series.
Defines the default settings for scatter series.
Defines the default settings for scatter line series.
Defines the default settings for ohlc series.
Defines the default settings for bullet series.
Defines the default settings for vertical bullet series.
Defines the default settings for radar area series.
Defines the default settings for radar column series.
Defines the default settings for radar line series.
Defines the default settings for polar line series.
Defines the default settings for polar area series.
Defines the default settings for polar scatter series.
Initializes a new instance of the class.
Gets or sets the label position.
The default value is for clustered series and
for stacked series.
Creates value axis for the .
The type of the data item to which the chart is bound to
Initializes a new instance of the class.
The container.
The chart axes.
Defines a numeric value axis.
Defines a numeric value axis.
Defines a date value axis.
Defines a date value axis.
Defines the fluent interface for configuring numeric axis.
Initializes a new instance of the class.
The axis.
Sets the axis minimum value.
The axis minimum value.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(a => a.Numeric().Min(4))
%>
Sets the axis maximum value.
The axis maximum value.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(a => a.Numeric().Max(4))
%>
Sets the interval between major divisions.
The interval between major divisions.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(a => a.Numeric().MajorUnit(4))
%>
Sets the interval between minor divisions.
It defaults to MajorUnit / 5.
The interval between minor divisions.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(a => a.Numeric()
.MajorUnit(4)
.MinorUnit(2)
.MinorTicks(mt => mt.Visible(true))
)
%>
Sets value at which the first perpendicular axis crosses this axis.
The value at which the first perpendicular axis crosses this axis.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(axis => axis.AxisCrossingValue(4))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The chart title.
Sets the title text
The text title.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Text("Chart"))
.Render();
%>
Sets the title font
The title font (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Font("16px Arial,Helvetica,sans-serif"))
.Render();
%>
Sets the title color
The title color (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Color("#ff0000").Text("Title"))
.Render();
%>
Sets the title background color
The background color.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Background("red"))
.Render();
%>
Sets the title position
The title position.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Position(ChartTitlePosition.Bottom))
.Render();
%>
Sets the title alignment
The title alignment.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Align(ChartTextAlignment.Left))
.Render();
%>
Sets the title visibility
The title visibility.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Visible(false))
.Render();
%>
Sets the title margin
The title top margin.
The title right margin.
The title bottom margin.
The title left margin.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Margin(20))
.Render();
%>
Sets the title margin
The title margin.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Margin(20))
.Render();
%>
Sets the title padding
The title top padding.
The title right padding.
The title bottom padding.
The title left padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Padding(20))
.Render();
%>
Sets the title padding
The title padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Padding(20))
.Render();
%>
Sets the title border
The title border width.
The title border color.
The title dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Border(1, "#000", ChartDashType.Dot))
.Render();
%>
Configures the plot area border
The border configuration action
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The chart legend.
Sets the legend labels font
The legend labels font (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Font("16px Arial,Helvetica,sans-serif"))
.Render();
%>
Sets the legend labels color
The labels color (CSS format).
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Color("red"))
.Render();
%>
Sets the legend background color
The background color.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Background("red"))
.Render();
%>
Sets the legend position
The legend position.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Position(ChartLegendPosition.Bottom))
.Render();
%>
Sets the legend visibility
The legend visibility.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Visible(false))
.Render();
%>
Sets the legend X and Y offset from its position
The legend X offset from its position.
The legend Y offset from its position.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Offset(10, 50))
.Render();
%>
Sets the legend margin
The legend top margin.
The legend right margin.
The legend bottom margin.
The legend top margin.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Margin(0, 5, 5, 0))
.Render();
%>
Sets the legend margin
The legend margin.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Margin(20))
.Render();
%>
Sets the legend padding
The legend top padding.
The legend right padding.
The legend bottom padding.
The legend left padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Padding(0, 5, 5, 0))
.Render();
%>
Sets the legend padding
The legend padding.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Padding(20))
.Render();
%>
Sets the legend border
The legend border width.
The legend border color (CSS syntax).
The legend border dash type.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Border(1, "#000", ChartDashType.Dot))
.Render();
%>
Configures the legend border
The border configuration action
Configures the legend labels
The labels configuration action
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The client events.
Defines the inline handler of the DataBound client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.DataBound(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.DataBound("onDataBound"))
%>
Defines the inline handler of the SeriesClick client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SeriesClick(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the SeriesClick client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SeriesClick("onSeriesClick"))
%>
Defines the inline handler of the SeriesHover client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SeriesHover(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the SeriesHover client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SeriesHover("onSeriesHover"))
%>
Defines the inline handler of the AxisLabelClick client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.AxisLabelClick(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the AxisLabelClick client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.AxisLabelClick("onAxisLabelClick"))
%>
Defines the inline handler of the LegendItemClick client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.LegendItemClick(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the LegendItemClick client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.LegendItemClick("onLegendItemClick"))
%>
Defines the inline handler of the LegendItemHover client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.LegendItemHover(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the LegendItemHover client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.LegendItemHover("onLegendItemHover"))
%>
Defines the name of the JavaScript function that will handle the the DragStart client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.DragStart("onDragStart"))
%>
Defines the inline handler of the DragStart client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.DragStart(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Drag client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Drag("onDrag"))
%>
Defines the inline handler of the Drag client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Drag(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the DragEnd client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.DragEnd("onDragEnd"))
%>
Defines the inline handler of the DragEnd client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.DragEnd(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the inline handler of the PlotAreaClick client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.PlotAreaClick(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the PlotAreaClick client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.PlotAreaClick("onPlotAreaClick"))
%>
Defines the name of the JavaScript function that will handle the the ZoomStart client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.ZoomStart("onZoomStart"))
%>
Defines the inline handler of the ZoomStart client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.ZoomStart(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Zoom client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Zoom("onZoom"))
%>
Defines the inline handler of the Zoom client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Zoom(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the ZoomEnd client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.ZoomEnd("onZoomEnd"))
%>
Defines the inline handler of the ZoomEnd client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.ZoomEnd(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the SelectStart client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SelectStart("onSelectStart"))
%>
Defines the inline handler of the SelectStart client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SelectStart(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Select("onSelect"))
%>
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the SelectEnd client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SelectEnd("onSelectEnd"))
%>
Defines the inline handler of the SelectEnd client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.SelectEnd(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Configures the client-side events.
The client events configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events
.OnLoad("onLoad")
)
%>
Sets the preferred rendering engine.
If it is not supported by the browser, the Chart will switch to the first available mode.
The preferred rendering engine.
Sets the theme of the chart.
The Chart theme.
<%= Html.Kendo().Chart()
.Name("Chart")
.Theme("Telerik")
%>
Sets the Chart area.
The Chart area.
<%= Html.Kendo().Chart()
.Name("Chart")
.ChartArea(chartArea => chartArea.margin(20))
%>
Sets the Plot area.
The Plot area.
<%= Html.Kendo().Chart()
.Name("Chart")
.PlotArea(plotArea => plotArea.margin(20))
%>
Sets the title of the chart.
The Chart title.
<%= Html.Kendo().Chart()
.Name("Chart")
.Title("Yearly sales")
%>
Defines the title of the chart.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Title(title => title.Text("Yearly sales"))
%>
Sets the legend visibility.
A value indicating whether to show the legend.
<%= Html.Kendo().Chart()
.Name("Chart")
.Legend(false)
%>
Configures the legend.
The configuration action.
<%= Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Visible(true).Position(ChartLegendPosition.Bottom))
%>
Defines the chart series.
The add action.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
%>
Defines the options for all chart series of the specified type.
The configurator.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.SeriesDefaults(series => series.Bar().Stack(true))
%>
Defines the chart panes.
The add action.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Panes(panes =>
{
panes.Add("volume");
})
%>
Defines the options for all chart axes of the specified type.
The configurator.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5))
%>
Configures the category axis
The configurator
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
)
%>
Defines value axis options
The configurator
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.ValueAxis(a => a.Numeric().TickSize(4))
%>
Defines X-axis options for scatter charts
The configurator
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.XAxis(a => a.Numeric().Max(4))
%>
Configures Y-axis options for scatter charts.
The configurator
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.YAxis(a => a.Numeric().Max(4))
%>
Data Source configuration
Use the configurator to set different data binding options.
<%= Html.Kendo().Chart()
.Name("Chart")
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
})
%>
Enables or disables automatic binding.
Gets or sets a value indicating if the chart
should be data bound during initialization.
The default value is true.
<%= Html.Kendo().Chart()
.Name("Chart")
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
})
.AutoBind(false)
%>
Sets the series colors.
A list of the series colors.
<%= Html.Kendo().Chart()
.Name("Chart")
.SeriesColors(new string[] { "#f00", "#0f0", "#00f" })
%>
Sets the series colors.
The series colors.
<%= Html.Kendo().Chart()
.Name("Chart")
.SeriesColors("#f00", "#0f0", "#00f")
%>
Use it to configure the data point tooltip.
Use the configurator to set data tooltip options.
<%= Html.Kendo().Chart()
.Name("Chart")
.Tooltip(tooltip =>
{
tooltip.Visible(true).Format("{0:C}");
})
%>
Sets the data point tooltip visibility.
A value indicating if the data point tooltip should be displayed.
The tooltip is not visible by default.
<%= Html.Kendo().Chart()
.Name("Chart")
.Tooltip(true)
%>
Enables or disabled animated transitions on initial load and refresh.
A value indicating if transition animations should be played.
<%= Html.Kendo().Chart()
.Name("Chart")
.Transitions(false)
%>
Creates series for the .
The type of the data item to which the chart is bound to
Initializes a new instance of the class.
The container.
Defines bound bar series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point category from the chart model
The expression used to extract the point note text from the chart model
Defines bound bar series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound bar series.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines bound bar series.
The type of the value member.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines bar series bound to inline data.
The data to bind to.
Defines bound column series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point category from the chart model
The expression used to extract the point note text from the chart model
Defines bound column series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound column series.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines bound column series.
The type of the value member.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines column series bound to inline data.
The data to bind to
Defines bound line series.
The expression used to extract the value from the chart model.
The expression used to extract the category from the chart model.
The expression used to extract the note text from the chart model.
Defines bound line series.
The expression used to extract the value from the chart model.
The expression used to extract the note text from the chart model.
Defines bound line series.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines bound line series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines line series bound to inline data.
The data to bind to
Defines bound vertical line series.
The expression used to extract the value from the chart model.
The expression used to extract the category from the chart model.
The expression used to extract the note text from the chart model.
Defines bound vertical line series.
The expression used to extract the value from the chart model.
The expression used to extract the note text from the chart model.
Defines bound vertical line series.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines bound vertical line series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines vertical line series bound to inline data.
The data to bind to
Defines bound area series.
The expression used to extract the value from the chart model.
The expression used to extract the note text from the chart model.
Defines bound area series.
The expression used to extract the value from the chart model.
The expression used to extract the category from the chart model.
The expression used to extract the note text from the chart model.
Defines bound area series.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines bound area series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines area series bound to inline data.
The data to bind to
Defines bound vertical area series.
The expression used to extract the value from the chart model.
The expression used to extract the category from the chart model.
The expression used to extract the note text from the chart model.
Defines bound vertical area series.
The expression used to extract the value from the chart model.
The expression used to extract the note text from the chart model.
Defines bound vertical area series.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines bound vertical area series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines vertical area series bound to inline data.
The data to bind to
Defines bound scatter series.
The expression used to extract the X value from the chart model
The expression used to extract the Y value from the chart model
The expression used to extract the note text from the chart model
Defines bound scatter series.
The name of the X value member.
The name of the Y value member.
The name of the note text member.
Defines bound scatter series.
The type of the value members.
The name of the X value member.
The name of the Y value member.
The name of the note text member.
Defines scatter series bound to inline data.
The data to bind to
Defines bound scatter line series.
The expression used to extract the X value from the chart model
The expression used to extract the Y value from the chart model
The expression used to extract the Y value from the chart model
Defines bound scatter line series.
The name of the X value member.
The name of the Y value member.
The name of the Y value member.
Defines bound scatter line series.
The type of the value members.
The name of the X value member.
The name of the Y value member.
The name of the Y value member.
Defines scatter line series bound to inline data.
The data to bind to
Defines bound bubble series.
Defines bound bubble series.
Defines bound bubble series.
Defines bubble series bound to inline data.
The data to bind to
Defines bound pie series.
Defines bound pie series.
Defines bound pie series.
Defines pie series bound to inline data.
The data to bind to
Defines bound funnel series.
Defines bound funnel series.
Defines bound funnel series.
Defines funnel series bound to inline data.
The data to bind to
Defines bound Donut series.
Defines bound donut series.
Defines bound donut series.
Defines donut series bound to inline data.
The data to bind to
Defines bound ohlc series.
Defines bound ohlc series.
Defines bound ohlc series.
Defines bound ohlc series.
Defines ohlc series bound to inline data.
The data to bind to
Defines bound candlestick series.
Defines bound candlestick series.
Defines bound candlestick series.
Defines bound candlestick series.
Defines candlestick series bound to inline data.
The data to bind to
Defines bound bullet series.
The expression used to extract the point current value from the chart model
The expression used to extract the point target value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point category from the chart model
The expression used to extract the point note text from the chart model
Defines bound bullet series.
The expression used to extract the point current value from the chart model
The expression used to extract the point target value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound bar series.
The name of the current value member.
The name of the target value member.
The name of the color member.
The name of the note text member.
Defines bound bullet series.
The type of the current value member.
The name of the target value member.
The name of the color member.
The name of the note text member.
Defines bar series bound to inline data.
The data to bind to.
Defines bound verticalBullet series.
The expression used to extract the point current value from the chart model
The expression used to extract the point target value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound verticalBullet series.
The expression used to extract the point current value from the chart model
The expression used to extract the point target value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound verticalBullet series.
The name of the current value member.
The name of the target value member.
The name of the color member.
The name of the color member.
Defines bound verticalBullet series.
The type of the current value member.
The name of the target value member.
The name of the color member.
The name of the color member.
Defines bar series bound to inline data.
The data to bind to
Defines bound radar area series.
The expression used to extract the point value from the chart model
Defines bound radar area series.
The expression used to extract the point value from the chart model
The expression used to extract the point category from the chart model
The expression used to extract the point note text from the chart model
Defines bound radar area series.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines bound radar area series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines radar area series bound to inline data.
The data to bind to.
Defines bound radar column series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point category from the chart model
The expression used to extract the point note text from the chart model
Defines bound radar column series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound radar column series.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines bound radar column series.
The type of the value member.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines radar column series bound to inline data.
The data to bind to.
Defines bound radar line series.
The expression used to extract the point value from the chart model
Defines bound radar line series.
The expression used to extract the point value from the chart model
The expression used to extract the point category from the chart model
The expression used to extract the point note text from the chart model
Defines bound radar line series.
The expression used to extract the point value from the chart model
The expression used to extract the point note text from the chart model
Defines bound radar line series.
The name of the value member.
The name of the category member.
The name of the category member.
Defines bound radar line series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note text member.
Defines radar line series bound to inline data.
The data to bind to.
Defines bound polar area series.
The expression used to extract the X value from the chart model
The expression used to extract the Y value from the chart model
The expression used to extract the note text from the chart model
Defines bound polar area series.
The name of the X value member.
The name of the Y value member.
The name of the note text member.
Defines bound polar area series.
The type of the value members.
The name of the X value member.
The name of the Y value member.
The name of the note text member.
Defines polar area series bound to inline data.
The data to bind to
Defines bound polar line series.
The expression used to extract the X value from the chart model
The expression used to extract the Y value from the chart model
The expression used to extract the note text from the chart model
Defines bound polar line series.
The name of the X value member.
The name of the Y value member.
The name of the note text member.
Defines bound polar line series.
The type of the value members.
The name of the X value member.
The name of the Y value member.
Defines polar line series bound to inline data.
The data to bind to
Defines bound polar scatter series.
The expression used to extract the X value from the chart model
The expression used to extract the Y value from the chart model
The expression used to extract the note text from the chart model
Defines bound polar scatter series.
The name of the X value member.
The name of the Y value member.
The name of the note text member.
Defines bound polar scatter series.
The type of the value members.
The name of the X value member.
The name of the Y value member.
The name of the note text member.
Defines polar scatter series bound to inline data.
The data to bind to
Defines bound box plot series.
Defines bound box plot series.
Defines bound box plot series.
Defines bound box plot series.
Defines box plot series bound to inline data.
The data to bind to
The parent Chart
Configures the category axis for the .
The type of the data item to which the chart is bound to
Initializes a new instance of the class.
The chart.
Defines bound categories.
The expression used to extract the categories value from the chart model
Overrides the category axis type.
The axis type. The default is determined by the category items type.
Defines categories.
The list of categories
Defines categories.
The list of categories
Sets value at which the first perpendicular axis crosses this axis.
The value at which the first perpendicular axis crosses this axis.
<%= 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"))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Sets value at which perpendicular axes cross this axis.
The values at which perpendicular axes cross this axis.
<%= 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"))
%>
Positions categories and series points on major ticks. This removes the empty space before and after the series.
This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
A boolean value that indicates if the empty space before and after the series should be removed.
The default value is false.
Positions categories and series points on major ticks. This removes the empty space before and after the series.
This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis.
Sets the selection range
The selection range start.
The selection range end.
*Note*: The category with the specified index is not included in the selected range
unless the axis is justified. In order to select all categories specify
a value larger than the last category index.
<%= Html.Kendo().StockChart(Model)
.Name("StockChart")
.CategoryAxis(axis => axis.Select(0, 3))
%>
Configures the selection
The configuration action.
<%= Html.Kendo().StockChart(Model)
.Name("StockChart")
.CategoryAxis(axis => axis.Select(select =>
select.Mousewheel(mw => mw.Reverse())
))
%>
The parent Chart
Initializes a new instance of the class.
The Chart component.
Creates the chart top-level div.
Builds the Chart component markup.
Initializes a new instance of the class.
Defines the width of the line.
Defines the color of the line.
Defines the padding of the line.
Initializes a new instance of the class.
Defines the alignment of the pie labels.
Defines the distance between the pie chart and labels.
Defines the position of the pie labels.
Gets the series type.
Gets the data explode member of the series.
Gets the data visibleInLegend member of the series.
Gets the data color member of the series.
Gets the pie chart data labels configuration
Gets or sets the pie's border
Gets or sets the effects overlay
Gets or sets the padding of the pie chart
Gets or sets the start angle of the first pie segment
Gets the pie chart connectors configuration
Initializes a new instance of the class.
The value expression.
The category expression.
The color expression.
The explode expression.
The visibleInLegend expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets the series type.
Gets the model data member name.
The model data member name.
Gets the model data category member name.
The model data category member name.
Gets the model data explode member name.
The model data explode member name.
Gets the model data color member name.
The model data color member name.
Gets the model data visibleInLegend member name.
The model data visibleInLegend member name.
Gets the model data note text member name.
The model data note text member name.
Gets a function which returns the category of the property to which the column is bound to.
Gets a function which returns the explode of the property to which the column is bound to.
Gets a function which returns the visibleInLegend of the property to which the column is bound to.
Gets a function which returns the color of the property to which the column is bound to.
Gets the pie chart data labels configuration
Gets or sets the pie border
The pie chart data configuration.
Gets or sets the effects overlay.
Gets or sets the padding of the chart.
Gets or sets the start angle of the first pie segment.
Gets the pie chart connectors configuration
Initializes a new instance of the class.
The expression used to extract the point value from the chart model.
Initializes a new instance of the class.
The series data.
Initializes a new instance of the class.
Defines the possible series orientation.
The series are horizontal (bar chart, line chart, etc.)
The series are vertical (column chart, vertical line chart, etc.)
The default settings for all bar series
The default settings for all column series
The default settings for all line series
The default settings for all vertical line series
The default settings for all area series
The default settings for all vertical area series
The default settings for all pie series
The default settings for all donut series
The default settings for all funnel series
The default settings for all scatter series
The default settings for all scatter line series
The default settings for all ohlc series
The default settings for all bullet series.
The default settings for all vertical bullet series.
The default settings for all radar area series.
The default settings for all radar column series.
The default settings for all radar line series.
The default settings for all polar area series.
The default settings for all polar line series.
The default settings for all polar scatter series.
Initializes a new instance of the class.
The default settings for all bar series.
The default settings for all column series.
The default settings for all area series.
The default settings for all vertical area series.
The default settings for all line series.
The default settings for all vertical line series.
The default settings for all pie series.
The default settings for all donut series.
The default settings for all scatter series.
The default settings for all scatter line series.
The default settings for all ohlc series.
The default settings for all bullet series.
The default settings for all vertical bullet series.
The default settings for all radar area series.
The default settings for all radar column series.
The default settings for all radar line series.
The default settings for all polar area series.
The default settings for all polar line series.
The default settings for all polar scatter series.
Initializes a new instance of the class.
Gets or sets the label position.
The default value is for clustered series and
for stacked series.
Defines the available bar series effects overlays
The bars have no effect overlay
The bars have glass effect overlay
Gets or sets the margin of the donut series.
Gets or sets the size of the donut hole.
Gets or sets the size of the donut series.
Initializes a new instance of the class.
The value expression.
The category expression.
The color expression.
The explode expression.
The visibleInLegend expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets or sets the margin of the donut series.
Gets or sets the the size of the donut hole.
Gets or sets the the size of the donut series.
Gets the Size data member of the series.
Gets the Category data member of the series.
Gets the Color data member of the series.
Gets the VisibleInLegend data member of the series.
Gets the minimum bubble size of the series.
Gets the maximum bubble size of the series.
Gets the negative value bubbles options.
Gets or sets the bubble border.
Initializes a new instance of the class.
The X expression.
The Y expression.
The Size expression.
The Category expression.
The Color expression.
The VisibleInLegend expression.
The note text expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets the Size data member of the series.
Gets the Category data member of the series.
Gets the Color data member of the series.
Gets the VisibleInLegend data member of the series.
Gets the minimum bubble size of the series.
Gets the maximum bubble size of the series.
Gets the negative value bubbles options.
Gets or sets the bubble border.
Initializes a new instance of the class.
Gets or sets the negative value bubbles color.
Gets or sets the markers visibility.
Aggregates function for date series.
The distance between category clusters.
The data used for binding.
The ohlc chart line configuration.
The type of the chart.
Space between points.
Gets or sets the point border.
Gets the model color member name.
The model color member name.
Gets the model data category member name.
The model data category member name.
Gets the model note text member name.
The model note text member name.
Gets the model open member name.
The model open member name.
Gets the model high member name.
The model high member name.
Gets the model low member name.
The model low member name.
Gets the model close member name.
The model close member name.
Initializes a new instance of the class.
The open expression.
The high expression.
The low expression.
The close expression.
The expression used to extract the point category from the chart model.
The color expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets the series type.
Gets the model data open member name.
The model data open member name.
Gets the model data high member name.
The model data high member name.
Gets the model data low member name.
The model data low member name.
Gets the model data close member name.
The model data close member name.
Gets the model data color member name.
The model data color member name.
Gets the model data category member name.
The model data category member name.
Gets a function which returns the category of the property to which the column is bound to.
Gets the model data note text member name.
The model data note text member name.
Gets or sets the point border
The ohlc chart data configuration.
Aggregates function for date series.
The distance between category clusters.
A value of 1 means that there is a total of 1 point width between categories.
The distance is distributed evenly on each side.
Space between points.
Value of 1 means that the distance between points is equal to their width.
The ohlc chart line configuration.
Initializes a new instance of the class.
The open aggregate.
The high aggregate.
The low aggregate.
The close aggregate.
Initializes a new instance of the class.
Gets or sets the open aggregate.
Gets or sets the high aggregate.
Gets or sets the low aggregate.
Gets or sets the close aggregate.
Gets the model down color member name.
The model down color member name.
Gets or sets the effects overlay.
Initializes a new instance of the class.
The open expression.
The high expression.
The low expression.
The close expression.
The color expression.
The down color expression.
The expression used to extract the point category from the chart model.
The expression used to extract the point category from the chart model.
The down color expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets the model data down color member name.
The model data down color member name.
Gets or sets the effects overlay
Initializes a new instance of the class.
Gets or sets the highlight opacity
Gets or sets the highlight opacity
Gets or sets the highlight border.
Gets or sets the highlight line configuration
Gets or sets a value indicating if the highlight is visible
The data used for binding.
The distance between category clusters.
Space between bullets.
The orientation of the bullets.
Gets or sets the bullet's border
Gets or sets the bullet's target
Gets or sets the effects overlay
Gets the model color member name.
The model color member name.
Gets the model data category member name.
The model data category member name.
Gets the model note text member name.
The model note text member name.
Gets the model current member name.
The model current member name.
Gets the model target member name.
The model target member name.
Initializes a new instance of the class.
The expression used to extract the point target from the chart model.
The expression used to extract the point current from the chart model.
The expression used to extract the point color from the chart model.
The expression used to extract the point category from the chart model.
The expression used to extract the point note text from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Gets or sets the series opacity.
A value between 0 (transparent) and 1 (opaque).
Gets or sets the series base color.
Gets or sets a value indicating if the series is visible
Gets or sets the series color function
Gets or sets the data point tooltip options.
Gets or sets the data point target.
Gets or sets the axis name to use for this series.
The axis name.
Gets or sets the title of the series.
The title.
The distance between category clusters.
A value of 1 means that there is a total of 1 column width / bar height between categories.
The distance is distributed evenly on each side.
Space between bars.
Value of 1 means that the distance between bars is equal to their width.
The orientation of the bullets.
Can be either horizontal
or vertical.
The default value is horizontal.
Gets or sets the bullet border.
Gets or sets the effects overlay.
Gets the model color member name.
The model color member name.
Gets the model note text member name.
The model note text member name.
Gets the model target member name.
The model target member name.
Gets the model current member name.
The model current member name.
The data used for binding.
Name template for auto-generated series when binding to grouped data.
Gets or sets the series highlight options
Gets the model data category member name.
The model data category member name.
Gets a function which returns the category of the property to which the column is bound to.
Gets or sets the series notes options
Initializes a new instance of the class.
Gets or sets the target width.
Gets or sets the markers color.
Gets or sets the markers border.
Initializes a new instance of the class.
Gets or sets the label position.
Gets or sets the label text.
Initializes a new instance of the class.
The lower aggregate.
The q1 aggregate.
The median aggregate.
The q3 aggregate.
The upper aggregate.
The mean aggregate.
The outliers aggregate.
Initializes a new instance of the class.
Gets or sets the lower aggregate.
Gets or sets the q1 aggregate.
Gets or sets the median aggregate.
Gets or sets the q3 aggregate.
Gets or sets the upper aggregate.
Gets or sets the mean aggregate.
Gets or sets the outliers aggregate.
Initializes a new instance of the class.
Defines the alignment of the funnel labels.
Defines the position of the funnel labels.
Gets the series type.
Gets the data visibleInLegend member of the series.
Gets or sets the ratio top-base/bottom-base of the funnel chart.
Gets or sets dynamicSlope option of the funnel chart.
Gets or sets the dynamicHeight of the funnel chart.
Gets or sets the space between the segments of the funnel chart.
Gets the data color member of the series.
Gets or sets the funnel chart data labels configuration
Gets or sets the funnel segments border
Initializes a new instance of the class.
The value expression.
The category expression.
The color expression.
The explode expression.
The visibleInLegend expression.
Initializes a new instance of the class.
The data.
Initializes a new instance of the class.
Gets the series type.
Gets the model data member name.
The model data member name.
Gets the model data category member name.
The model data category member name.
Gets the model data color member name.
The model data color member name.
Gets the model data visibleInLegend member name.
The model data visibleInLegend member name.
Gets the model data note text member name.
The model data note text member name.
Gets a function which returns the category of the property to which the column is bound to.
Gets a function which returns the visibleInLegend of the property to which the column is bound to.
Gets a function which returns the color of the property to which the column is bound to.
Gets the funnel chart data labels configuration
Gets or sets the funnel border
The funnel chart data configuration.
Get or set the funnel chart NeckRatio option
Get or set the funnel chart DynamicSlope option
Get or set the funnel chart DynamicHeight option
Get or set the funnel chart SegmentSpacing option
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Configures the client-side events.
The client events action.
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.Events(events =>
events.Select("select").Change("change")
)
%>
Sets the value of the picker input
The initially selected color
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.Value("#ff0000")
%>
Sets the amount of columns that should be shown
The initially selected color
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.Columns(5)
%>
Sets the size of the palette tiles
The tile size (for square tiles)
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.TileSize(32)
%>
Sets the size of the palette tiles
The tile size (for square tiles)
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.TileSize(s => s.Width(20).Height(10))
%>
Sets the range of colors that the user can pick from.
A list of colors.
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
%>
Sets the range of colors that the user can pick from.
One of the preset palettes of colors
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.Palette(ColorPickerPalette.WebSafe)
%>
Defines the fluent interface for configuring ColorPicker client events.
Initializes a new instance of the class.
The events bag.
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Change(
@<text>
function(e) {
// event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Change("change"))
)
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Set the width of the tiles
The tile width.
Set the height of the tiles
The tile height.
Defines the palettes that can be used in the color picker
Do not use a palette (allow selection of arbitrary colors)
Use a palette of basic colors
Use a palette of web-safe colors
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Configures the client-side events.
The client events action.
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events =>
events.Select("select").Change("change")
)
%>
Sets the value of the picker input
Indicates whether the picker will allow transparent colors to be picked.
Whether the user is allowed to change the color opacity.
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Opacity(true)
%>
Sets the range of colors that the user can pick from.
A list of colors.
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
%>
Sets the range of colors that the user can pick from.
One of the preset palettes of colors
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Palette(ColorPickerPalette.WebSafe)
%>
Enables or disables the picker.
Whether the picker is enabled
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Enable(false)
%>
Shows or hides the accept/cancel buttons.
Whether the buttons should be shown
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Buttons(false)
%>
Shows a tool icon.
The CSS class that will be used for styling
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.ToolIcon("k-foreColor")
%>
Sets the size of the palette tiles
The tile size (for square tiles)
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.TileSize(32)
%>
Sets the size of the palette tiles
The tile size (for square tiles)
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
.TileSize(s => s.Width(20).Height(10))
%>
Defines the fluent interface for configuring ColorPicker client events.
Initializes a new instance of the class.
The events bag.
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Change(
@<text>
function(e) {
// event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Change("change"))
)
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Select(
@<text>
function(e) {
// event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Select("change"))
)
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Open(
@<text>
function(e) {
// event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Open("open"))
)
Defines the inline handler of the Close client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Close(
@<text>
function(e) {
// event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events => events.Close("close"))
)
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Controls whether to bind the widget to the DataSource on initialization.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.AutoBind(false)
%>
Sets the field of the data item that provides the value content of the list items.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("Text")
.DataValueField("Value")
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events =>
events.Change("change")
)
%>
Use it to enable filtering of items.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Filter("startswith");
%>
Use it to enable filtering of items.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Filter(FilterType.Contains);
%>
Defines the items in the ComboBox
The add action.
<%= Html.Telerik().ComboBox()
.Name("ComboBox")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Use it to enable highlighting of first matched item.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.HighlightFirst(true)
%>
Specifies the minimum number of characters that should be typed before the widget queries the dataSource.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.MinLength(3)
%>
Use it to set selected item index
Item index.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.SelectedIndex(0);
%>
Controls whether the ComboBox should automatically auto-type the rest of text.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Suggest(true)
%>
A string that appears in the textbox when it has no value.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Placeholder("Select country...")
%>
Use it to set the Id of the parent ComboBox.
<%= Html.Telerik().ComboBox()
.Name("ComboBox2")
.CascadeFrom("ComboBox1")
%>
Use it to set the field used to filter the data source.
<%= Html.Telerik().ComboBox()
.Name("ComboBox2")
.CascadeFrom("ComboBox1")
.CascadeFromField("ParentID")
%>
Define the text of the widget, when the autoBind is set to false.
<%= Html.Telerik().ComboBox()
.Name("ComboBox")
.Text("Chai")
.AutoBind(false)
%>
Represents a client-side event handler of a Kendo UI widget
A Razor template delegate.
The name of the JavaScript function which will be called as a handler.
The fluent API for subscribing to Kendo UI ComboBox events.
Initializes a new instance of the class.
The client events.
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Select("select"))
)
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Change("change"))
)
Defines the inline handler of the DataBound client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.DataBound(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.DataBound("dataBound"))
%>
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Open("open"))
)
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Open(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the inline handler of the Close client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Close(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Close("close"))
)
Defines the inline handler of the Cascade client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Cascade(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Cascade client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Cascade("cascade"))
)
Defines the fluent interface for configuring the AJAX create/update/destroy operation bindings.
Defines the fluent interface for configuring the options.
Configures the client-side events
Configures the URL for Read operation.
Sets controller and action for Read operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Read operation.
Action name
Controller Name
Sets the total number of records in the data source. Required during Custom binding.
Number of records
Sets the number of records displayed on a single page.
Sets the operation mode of the DataSource.
By default the DataSource will make a request to the server when data for paging, sorting,
filtering or grouping is needed. If set to false all data will be requested through single request.
Any other paging, sorting, filtering or grouping will be performed client-side.
True(default) if server operation mode is enabled, otherwise false.
Configures the initial sorting.
Configures the initial grouping.
Configures the initial aggregates.
Configures the initial filter.
Configures Model properties
Configures the URL for Update operation.
Sets controller and action for Update operation.
Action name
Controller Name
Sets controller, action and routeValues for Update operation.
Action name
Controller Name
Route values
Configures the URL for Create operation.
Sets controller and action for Create operation.
Action name
Controller Name
Sets controller, action and routeValues for Create operation.
Action name
Controller Name
Route values
Configures the URL for Destroy operation.
Sets controller and action for Destroy operation.
Action name
Controller Name
Sets controller, action and routeValues for Destroy operation.
Action name
Controller Name
Route values
Determines if modifications will be sent to the server in batches or as individually requests.
If true changes will be batched, otherwise false.
Determines if data source would automatically sync any changes to its data items. By default changes are not automatically sync-ed.
If true changes will be automatically synced, otherwise false.
Defines the fluent API for configuring a readon-only AJAX data source.
Defines the fluent interface for configuring the Model definition.
Type of the model
Defines the fluent interface for configuring the Model definition.
Type of the model
Specify the member used to identify an unique Model instance.
Type of the field
Member access expression which describes the member
Specify the member used to identify an unique Model instance.
The member name.
Describes a Model field
Field type
Member access expression which describes the field
Describes a Model field
Field name
Field type
Describes a Model field
Field type
Member name
Specify the member used for recurrenceId.
Type of the field
Member access expression which describes the member
Specify the member used for recurrenceId.
The member name.
Defines the fluent interface for configuring the options for server binding.
Sets the route values for the operation.
Route values
Sets the action, contoller and route values for the operation.
Action name
Controller name
Route values
Sets the action, contoller and route values for the operation.
Action name
Controller name
Route values
Sets the action and contoller values for the operation.
Action name
Controller name
Sets the route name and values for the operation.
Route name
Route values
Sets the route name and values for the operation.
Route name
Route values
Sets the route name for the operation.
Configures the URL for Read operation.
Sets controller and action for Read operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Read operation.
Action name
Controller Name
Sets the total number of records in the data source. Required during Custom binding.
Number of records
Configures the URL for Update operation.
Sets controller and action for Update operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Update operation.
Action name
Controller Name
Configures the URL for Create operation.
Sets controller and action for Create operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Create operation.
Action name
Controller Name
Configures the URL for Destroy operation.
Sets controller and action for Destroy operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Destroy operation.
Action name
Controller Name
Sets the number of records displayed on a single page.
Configures the initial sorting.
Configures the initial grouping.
Configures the initial aggregates.
Configures the initial filter.
Configures Model properties
Defines the fluent interface for configuring the component client-side events.
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
Defines the inline handler of the Change client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the Sync client-side event.
The name of the JavaScript function that will handle the event.
Defines the inline handler of the Sync client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the RequestStart client-side event.
The name of the JavaScript function that will handle the event.
Defines the inline handler of the RequestStart client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the RequestEnd client-side event.
The name of the JavaScript function that will handle the event.
Defines the inline handler of the RequestEnd client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the Error client-side event.
The name of the JavaScript function that will handle the event.
Defines the inline handler of the Error client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the fluent interface for configuring the .
Sets the value which will be used to populate the field when new non-existing model is created.
The value
Sets the value which will be used to populate the field when new non-existing model is created.
The value
Specifies if the field should be editable.
Specifies if the field should be editable.
True is the field should be editable, otherwise false
Defines the fluent interface for configuring the .
Specifies member on which aggregates to be calculated.
Specifies member on which aggregates to be calculated.
Defines the fluent interface for configuring the options.
Sets the route values for the operation.
Route values
Sets the action, contoller and route values for the operation.
Action name
Controller name
Route values
Sets the action, contoller and route values for the operation.
Action name
Controller name
Route values
Sets the action and contoller values for the operation.
Action name
Controller name
Sets the route name and values for the operation.
Route name
Route values
Sets the route name and values for the operation.
Route name
Route values
Sets the route name for the operation.
Sets JavaScript function which to return additional parameters which to be sent the server.
Sets JavaScript function which to return additional parameters which to be sent the server.
JavaScript function name
Specifies an absolute or relative URL for the operation.
Absolute or relative URL for the operation
Specifies the HTTP verb of the request.
The HTTP verb
Defines the fluent interface for configuring the when in read-only mode.
Configures the URL for Read operation.
Sets controller and action for Read operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Read operation.
Action name
Controller Name
Specifies if filtering should be handled by the server.
Specifies if filtering should be handled by the server.
Configures the client-side events
Defines the fluent interface for configuring the component.
Use it to configure Ajax binding.
Use it to configure Server binding.
Represents available types of calendar views.
Shows the days of the current month
Shows the months of the current year
Shows the years of the current decade
Shows the decades of the current century
Defines the fluent interface for configuring datepicker client events.
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events => events.Change("change"))
)
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events => events.Open(
@<text>
%>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the Open client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events => events.Open("open"))
)
Defines the inline handler of the Close client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events => events.Close(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the Close client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events => events.Close("close"))
)
The fluent API for subscribing to Kendo UI DropDownList events.
Initializes a new instance of the class.
The client events.
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Select("select"))
)
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Change("change"))
)
Defines the inline handler of the DataBound client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.DataBound(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.DataBound("dataBound"))
%>
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Open("open"))
)
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Open(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the inline handler of the Close client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Close(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Close("close"))
)
Defines the inline handler of the Cascade client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Cascade(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Cascade client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Cascade("cascade"))
)
Sets the route values for the operation.
Route values
Sets the action, contoller and route values for the operation.
Action name
Controller name
Route values
Sets the action, contoller and route values for the operation.
Action name
Controller name
Route values
Sets the action and contoller values for the operation.
Action name
Controller name
Sets the route name and values for the operation.
Route name
Route values
Sets the route name and values for the operation.
Route name
Route values
Sets the route name for the operation.
Specifies an absolute or relative URL for the operation.
Absolute or relative URL for the operation
Defines the fluent interface for configuring the Editor stylesheets.
Determines if content of a given path can be browsed.
The path which will be browsed.
true if browsing is allowed, otherwise false.
Serves an image's thumbnail by given path.
The path to the image.
Thumbnail of an image.
Throws 403 Forbidden if the is outside of the valid paths.
Throws 404 File Not Found if the refers to a non existant image.
Deletes a entry.
The path to the entry.
The entry.
An empty .
Forbidden
Determines if a file can be deleted.
The path to the file.
true if file can be deleted, otherwise false.
Determines if a folder can be deleted.
The path to the folder.
true if folder can be deleted, otherwise false.
Determines if a folder can be created.
The path to the parent folder in which the folder should be created.
Name of the folder.
true if folder can be created, otherwise false.
Creates a folder with a given entry.
The path to the parent folder in which the folder should be created.
The entry.
An empty .
Forbidden
Determines if a file can be uploaded to a given path.
The path to which the file should be uploaded.
The file which should be uploaded.
true if the upload is allowed, otherwise false.
Uploads a file to a given path.
The path to which the file should be uploaded.
The file which should be uploaded.
A containing the uploaded file's size and name.
Forbidden
Gets the base path from which content will be served.
Gets the valid file extensions by which served files will be filtered.
Defines the fluent API for configuring the object.
Defines the fluent API for configuring the object.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Configures the client-side events.
The client events action.
<%= Html.Kendo().FlatColorPicker()
.Name("FlatColorPicker")
.Events(events =>
events.Select("select").Change("change")
)
%>
Sets the value of the picker input
The initially selected color
<%= Html.Kendo().FlatColorPicker()
.Name("FlatColorPicker")
.Value("#ff0000")
%>
Indicates whether the picker will allow transparent colors to be picked.
Whether the user is allowed to change the color opacity.
<%= Html.Kendo().FlatColorPicker()
.Name("FlatColorPicker")
.Opacity(true)
%>
Indicates whether the picker will show an input for entering colors.
Whether the input field should be shown.
<%= Html.Kendo().FlatColorPicker()
.Name("FlatColorPicker")
.Input(false)
%>
Indicates whether the picker will show a preview of the selected color.
Whether the preview area should be shown.
<%= Html.Kendo().FlatColorPicker()
.Name("FlatColorPicker")
.Preview(false)
%>
Indicates whether the picker will show apply / cancel buttons.
Whether the buttons should be shown.
<%= Html.Kendo().FlatColorPicker()
.Name("FlatColorPicker")
.Buttons(false)
%>
Defines the position of the radial gauge labels.
The labels are positioned inside.
The labels are positioned outside.
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The chart line.
Sets the line visibility
The line visibility.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale.Line(line => line.Color("#f00")))
.Render();
%>
Defines the fluent interface for configuring the linear gauge labels.
Defines the fluent interface for configuring the gauge labels.
Initializes a new instance of the class.
The labels configuration.
Sets the labels font
The labels font (CSS format).
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Font("14px Arial,Helvetica,sans-serif")
)
)
%>
Sets the labels visibility
The labels visibility.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Visible(false)
)
)
%>
Sets the labels background color
The labels background color.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Background("Red")
)
)
%>
Sets the labels text color
The labels text color.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Color("Red")
)
)
%>
Sets the labels margin
The labels top margin.
The labels right margin.
The labels bottom margin.
The labels left margin.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Margin(0, 5, 5, 0)
)
)
%>els
Sets the labels margin
The labels margin.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Margin(20)
)
)
%>
Sets the labels padding
The labels top padding.
The labels right padding.
The labels bottom padding.
The labels left padding.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Padding(0, 5, 5, 0)
)
)
%>
Sets the labels padding
The labels padding.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Padding(20)
)
)
%>
Sets the labels border
The labels border width.
The labels border color (CSS syntax).
The labels border dash type.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Border(1, "Red", ChartDashType.Dot)
)
)
%>
Configures the label border
The border configuration action
Sets the labels format.
The labels format.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Format("{0:C}")
)
)
%>
Sets the labels template.
The labels template.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Template("#= value #")
)
)
%>
Sets the labels opacity.
The series opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Opacity(0.5)
)
)
%>
Initializes a new instance of the class.
The labels configuration.
Defines the fluent interface for configuring the radial gauge labels.
Initializes a new instance of the class.
The labels configuration.
Sets the labels position
The labels position.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Position(GaugeRadialScaleLabelsPosition.Inside)
)
)
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the theme of the linear gauge.
The linear gauge theme.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Theme("Black")
%>
Sets the preferred rendering engine.
If it is not supported by the browser, the Chart will switch to the first available mode.
The preferred rendering engine.
Sets the linear gauge area.
The linear gauge area.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.ChartArea(chartArea => chartArea.margin(20))
%>
Configures the scale
The configurator
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Scale(scale => scale
.Min(10)
)
%>
Configures the pointer
The configurator
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Value(10)
)
%>
Enables or disabled animated transitions on initial load and refresh.
A value indicating if transition animations should be played.
<%= Html.Kendo().RadialGauge()
.Name("radialScale")
.Transitions(false)
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the theme of the radial gauge.
The radial gauge theme.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Theme("Black")
%>
Sets the preferred rendering engine.
If it is not supported by the browser, the Chart will switch to the first available mode.
The preferred rendering engine.
Sets the radial gauge area.
The radial gauge area.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.ChartArea(chartArea => chartArea.margin(20))
%>
Configures the scale
The configurator
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Scale(scale => scale
.Min(10)
)
%>
Configures the pointer
The configurator
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Value(10)
)
%>
Enables or disabled animated transitions on initial load and refresh.
A value indicating if transition animations should be played.
<%= Html.Kendo().RadialGauge()
.Name("radialScale")
.Transitions(false)
%>
Defines the fluent interface for configuring the gauge scale.
Defines the fluent interface for configuring scale.
The type of the series builder.
Initializes a new instance of the class.
The scale.
Configures the minor ticks.
The configuration action.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.MinorTicks(ticks => ticks
.Visible(false)
)
)
%>
Configures the major ticks.
The configuration action.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.MajorTicks(ticks => ticks
.Visible(false)
)
)
%>
Defines the ranges items.
The add action.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Ranges.Add()
.From(1)
.To(2)
)
%>
Sets the scale major unit.
The major unit.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => sclae.MajorUnit(5))
%>
Sets the scale minor unit.
The minor unit.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => sclae.MinorUnit(5))
%>
Sets the scale min value.
The min.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => sclae.Min(-20))
%>
Sets the scale max value.
The max.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => sclae.Max(20))
%>
Sets the scale reverse.
The scale reverse.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => sclae.reverse(true))
%>
Configures the major ticks.
The configuration action.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Line(line => line
.Visible(false)
)
)
%>
Gets or sets the scale.
The scale.
Initializes a new instance of the class.
The gauge component.
Sets the mirror of the gauge
The mirror.
<%= Html.Kendo().LinearGauge()
.Name("LinearGauge")
.Scale(scale => scale
.Mirror(true)
)
%>
Sets the orientation of the gauge
The vertical.
<%= Html.Kendo().LinearGauge()
.Name("LinearGauge")
.Scale(scale => scale
.Vertical(false)
)
%>
Configures the labels.
The configuration action.
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Labels(labels => labels
.Visible(false)
)
)
%>
The parent Guage
Defines the fluent interface for configuring the gauge scale.
Sets the end angle of the gauge
The end angle.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Scale(scale => scale
.EndAngle(10)
)
%>
Sets the start angle of the gauge
The start Angle.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Scale(scale => scale
.StartAngle(220)
)
%>
Configures the labels.
The configuration action.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Scale(scale => scale
.Labels(labels => labels
.Visible(false)
)
)
%>
Sets the width of the range indicators.
The width of the range indicators.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Scale(scale => scale
.RangeSize(4)
)
%>
Sets the distance from the range indicators to the ticks.
The distance from the range indicators to the ticks.
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
.Scale(scale => scale
.RangeDistance(4)
)
%>
The parent Guage
Initializes a new instance of the class.
Initializes a new instance of the class.
The radila scale lables position.
Initializes a new instance of the class.
The scale ranges.
The scale major unit.
The scale major unit.
The scale major ticks configuration.
The scale minor ticks configuration.
The scale min value.
The scale max value.
The scale reverse.
The line.
The scale end angle.s
The scale start angle.
The width of the range indicators
The distance from the range indicators to the ticks
The scale labels.
Initializes a new instance of the class.
The scale major ticks configuration.
The scale minor ticks configuration.
The scale ranges.
The scale major unit.
The scale minor unit.
The scale min value.
The scale max value.
The scale reverse.
The line reverse.
The scale mirror.
The scale vertical.
The scale labels.
Initializes a new instance of the class.
The linear gauge.
Gets or sets the linear gauge.
The linear gauge.
The scale mirror.
The scale orientation.
The scale labels.
Initializes a new instance of the class.
The radial gauge.
Gets or sets the radial gauge.
The radial gauge.
The scale end angle.
The scale start angle.
The width of the range indicators
The distance from the range indicators to the ticks
The scale labels.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Use to enable or disable animation of the popup element.
The boolean value.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Animation(false) //toggle effect
%>
Configures the animation effects of the widget.
The action which configures the animation effects.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Animation(animation =>
{
animation.Open(open =>
{
open.SlideIn(SlideDirection.Down);
})
})
%>
Specifies the culture info used by the widget.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Culture("de-DE")
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events =>
events.Open("open").Change("change")
)
%>
Sets the date format, which will be used to parse and format the machine date.
Specifies the formats, which are used to parse the value set with value() method or by direct input.
Enables or disables the picker.
Sets the minimal date, which can be selected in picker.
Sets the maximal date, which can be selected in picker.
Sets the value of the picker input
Sets the value of the picker input
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Specifies a template used to populate aria-label attribute.
The string template.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.ARIATemplate("Date: #=kendo.toString(data.current, 'd')#")
%>
Sets the interval between hours.
Enables/disables footer of the calendar popup.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.Footer(false)
%>
Footer template to be used for rendering the footer of the Calendar.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.Footer("#= kendo.toString(data, "G") #")
%>
FooterId to be used for rendering the footer of the Calendar.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.FooterId("widgetFooterId")
%>
Specifies the navigation depth.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.Depth(CalendarView.Month)
%>
Specifies the start view.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.Start(CalendarView.Month)
%>
MonthTemplateId to be used for rendering the cells of the Calendar.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.MonthTemplateId("widgetMonthTemplateId")
%>
Templates for the cells rendered in the "month" view.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.MonthTemplate("#= data.value #")
%>
Configures the content of cells of the Calendar.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.MonthTemplate(month => month.Content("#= data.value #"))
%>
Sets the minimal date, which can be selected in DatePicker.
Sets the maximal date, which can be selected in DatePicker.
Specifies the format, which is used to format the values in the time drop-down list.
Defines the fluent interface for configuring the component.
Sets the field of the data item that provides the value content of the list items.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("Text")
.DataValueField("Value")
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events =>
events.Change("change")
)
%>
Defines the items in the DropDownList
The add action.
<%= Html.Telerik().DropDownList()
.Name("DropDownList")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Define the text of the default empty item. If the value is an object, then the widget will use it directly.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabel("Select country...")
%>
Use it to set selected item index
Item index.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.SelectedIndex(0);
%>
Use it to set the Id of the parent DropDownList.
<%= Html.Telerik().DropDownList()
.Name("DropDownList2")
.CascadeFrom("DropDownList1")
%>
Use it to set the field used to filter the data source.
<%= Html.Telerik().DropDownList()
.Name("DropDownList2")
.CascadeFrom("DropDownList1")
.CascadeFromField("ParentID")
%>
Define the text of the widget, when the autoBind is set to false.
<%= Html.Telerik().DropDownList()
.Name("DropDownList")
.Text("Chai")
.AutoBind(false)
%>
Defines the fluent interface for configuring child DropDonwList items.
Initializes a new instance of the class.
The item.
Sets the value for the item.
The value.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Items(items => items.Add().Text("First item."))
%>
Sets the value for the item.
The value.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Items(items => items.Add().Value("1"))
%>
Define when the item will be expanded on intial render.
If true the item will be selected.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Items(items =>
{
items.Add().Text("First Item").Selected(true);
})
%>
Creates items for the .
Initializes a new instance of the class.
The settings.
Defines a item.
Sets the range of colors that the user can pick from.
A list of colors.
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
%>
Sets the range of colors that the user can pick from.
One of the preset palettes of colors
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Palette(ColorPickerPalette.WebSafe)
%>
Defines the fluent interface for configuring the Editor events.
Sets the HTML content that will show initially in the editor.
The action which renders the HTML content.
<% 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();
%>
Sets the HTML content that will show initially in the editor.
The predicate which renders the HTML content.
<% 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();
%>
Sets the HTML content which the item should display as a string.
An HTML string.
<%= Html.Kendo().Editor()
.Name("Editor")
.Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>")
%>
Configure the client events.
An action that configures the events.
<%= Html.Kendo().Editor()
.Name("Editor")
.Events(events => events
.Change("onChange")
)
%>
Configure the available tools in the toolbar.
An action that configures the tools.
<%= Html.Kendo().Editor()
.Name("Editor")
.Tools(tools => tools
.Clear()
.Bold()
.Italic()
.Underline()
)
%>
Allow rendering of contentEditable elements instead of the default textarea editor.
Note: contentEditable elements are not posted to the server.
The tag that will be rendered as contentEditable
<%= Html.Kendo().Editor()
.Name("Editor")
.Tag("div")
%>
Encode HTML content.
<%= Html.Kendo().Editor()
.Name("Editor")
.Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>")
.Encode(true)
%>
Sets the CSS files that will be registered in the Editor's iframe
<%= Html.Kendo().Editor()
.Name("Editor")
.StyleSheets(styleSheets => styleSheets.Add("editorStyles.css"))
%>
Configure the image browser dialog.
An action that configures the dialog.
<%= 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"))
)
%>
Defines the shape of the liner gauge pointer.
Specifies a filling bar indicator.
Specifies a arrow shape.
Creates scale ranges for the .
Initializes a new instance of the class.
The scale.
Defines a item.
Defines a item.
The gauge scale
Defines the fluent interface for configuring ranges.
Initializes a new instance of the class.
The scale ranges.
Sets the ranges start position.
The ranges start position.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Ranges(ranges => ranges
.Add().From(1).Color("Red");
)
)
.Render();
%>
Sets the ranges end position.
The ranges end position.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Ranges(ranges => ranges
.Add().To(2).Color("Red");
)
)
.Render();
%>
Sets the ranges color
The ranges color.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Ranges(ranges => ranges
.Add().Color("Red");
)
)
.Render();
%>
Sets the ranges opacity
The ranges opacity.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale
.Ranges(ranges => ranges
.Add().Opacity(0.5);
)
)
.Render();
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The gauge area.
Sets the chart area background color.
The background color.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.GaugeArea(gaugeArea => gaugeArea.Background("red"))
.Render();
%>
Sets the gauge area margin.
The gauge area top margin.
The gauge area right margin.
The gauge area bottom margin.
The gauge area left margin.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.GaugeArea(gaugeArea => gaugeArea.Margin(0, 5, 5, 0))
.Render();
%>
Sets the gauge area margin.
The gauge area margin.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.GaugeArea(gaugeArea => gaugeArea.Margin(5))
.Render();
%>
Sets the gauge area border.
The border width.
The border color (CSS syntax).
The border dash type.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.GaugeArea(gaugeArea => gaugeArea.Border(1, "#000", ChartDashType.Dot))
.Render();
%>
Configures the gauge area border
The border configuration action
Defines the fluent interface for configuring the linear gauge track.
Initializes a new instance of the class.
The linear gauge track.
Sets the track color.
The track color.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Track(track => track.Color("red"))
)
.Render();
%>
Sets the track size.
The track size.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Track(track => track.Size(8))
)
.Render();
%>
Sets the track visibility.
The track visibility.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Track(track => track.Visible(true))
)
.Render();
%>
Sets the track border.
The pointer border width.
The pointer border color.
The pointer dash type.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Track(track => track.Border(1, "#000", ChartDashType.Dot))
)
.Render();
%>
Configures the track border
The border configuration action
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The gauge pointer.
Sets the pointer color.
The pointer color.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Color("red")
)
.Render();
%>
Sets the pointer shape.
The pointer shape.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Shape(LinearGaugePointerShape.Arrow)
)
.Render();
%>
Sets the pointer margin.
The pointer top margin.
The pointer right margin.
The pointer bottom margin.
The pointer left margin.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Margin(20, 20, 20, 20)
)
.Render();
%>
Sets the pointer margin.
The pointer margin.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Margin(20)
)
.Render();
%>
Sets the pointer border
The pointer border width.
The pointer border color.
The pointer dash type.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Border(1, "#000", ChartDashType.Dot)
)
.Render();
%>
Configures the pointer border
The border configuration action
Sets the pointer opacity.
The pointer opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Opacity(0.5)
)
.Render();
%>
Sets the pointer size.
The pointer size.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Size(8)
)
.Render();
%>
Sets the pointer value.
The pointer value.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Value(25)
)
.Render();
%>
Configures the pointer track.
The configuration action.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Pointer(pointer => pointer
.Track(track => track.Visible(true))
)
.Render();
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The gauge cap.
Sets the cap color.
The cap color.
<% Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Cap(cap => cap.Color("red"))
)
.Render();
%>
Sets the cap opacity.
The cap opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<% Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Cap(cap => cap.Opacity(0.5))
)
.Render();
%>
Sets the cap size in percents.
The cap size in percents.
<% Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Cap(cap => cap.Size(8))
)
.Render();
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The gauge pointer.
Sets the pointer color.
The pointer color.
<% Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Color("red")
)
.Render();
%>
Sets the pointer opacity.
The pointer opacity in the range from 0 (transparent) to 1 (opaque).
The default value is 1.
<% Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Opacity(0.5)
)
.Render();
%>
Sets the pointer value.
The pointer value.
<% Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Value(25)
)
.Render();
%>
Configures the pointer cap.
The configuration action.
<% Html.Kendo().RadialGauge()
.Name("radialGauge")
.Pointer(pointer => pointer
.Cap(cap => cap.Color("red"))
)
.Render();
%>
Initializes a new instance of the class.
Gets or sets cap color
Gets or sets the cap opacity
The cap opacity
Gets or sets the cap size in percents
The cap size in percents
Initializes a new instance of the class.
Gets or sets pointer color
Gets or sets the pointer opacity
The pointer opacity
Gets or sets the pointer value
The pointer value
Gets or sets the pointer value
The pointer value
Initializes a new instance of the class.
Gets or sets track color
Gets or sets the track border
Gets or sets the track size
The track size
Gets or sets the visibility of the track
The track visibility
Gets or sets the track opacity
The track opacity
Initializes a new instance of the class.
Gets or sets the pointer margin
Gets or sets pointer color
Gets or sets the pointer border
Gets or sets the pointer opacity
The pointer opacity
Gets or sets the pointer shape
The pointer shape
Gets or sets the pointer size
The pointer size
Gets or sets the pointer value
The pointer value
Gets or sets the pointer position
The pointer position
The component UrlGenerator
The component view context
Initializes a new instance of the class.
The view context.
The javascript initializer.
The URL Generator.
Gets or sets the URL generator.
The URL generator.
Gets or sets the Gauge area.
The Gauge area.
Gets or sets the Gauge transitions.
The Gauge Transitions.
Gets or sets the Gauge theme.
The Gauge theme.
Gets or sets the render type.
The render type.
Initializes a new instance of the class.
The view context.
The javascript initializer.
The URL Generator.
Configuration for the default scale (if any)
Configuration for the default pointer (if any)
Initializes a new instance of the class.
The view context.
The javascript initializer.
The URL Generator.
Configuration for the default scale (if any)
Configuration for the default pointer (if any)
Initializes a new instance of the class.
Creates a serializer
Gets or sets the gauge area background.
The gauge area background.
Gets or sets the gauge area border.
The gauge area border.
Gets or sets the gauge area margin.
The gauge area margin.
Initializes a new instance of the class.
The Gauge component.
Creates the chart top-level div.
Builds the Gauge component markup.
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The gauge scale ticks.
Sets the ticks color
The ticks color (CSS format).
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale.MajorTicks(ticks => ticks.Color("#f00")))
.Render();
%>
Sets the ticks width
The ticks width.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale.MajorTicks(ticks => ticks.Width(2)))
.Render();
%>
Sets the ticks size
The ticks size.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale.MajorTicks(ticks => ticks.Size(2)))
.Render();
%>
Sets the ticks dashType
The ticks dashType.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale.MajorTicks(ticks => ticks.DashType(ChartDashType.Dot)))
.Render();
%>
Sets the ticks visibility
The ticks visibility.
<% Html.Kendo().LinearGauge()
.Name("linearGauge")
.Scale(scale => scale.MajorTicks(ticks => ticks.Visible(false)))
.Render();
%>
Initializes a new instance of the class.
Gets or sets the ticks size.
Gets or sets the ticks width.
Gets or sets the ticks color.
Gets or sets the ticks dash type.
Gets or sets the ticks visibility.
Initializes a new instance of the class.
The base class for all columns in Kendo Grid for ASP.NET MVC.
Gets or sets the grid.
The grid.
Gets the member of the column.
The member.
Gets the template of the column.
Gets the header template of the column.
Gets the footer template of the column.
Gets or sets the title of the column.
The title.
Gets or sets the width of the column.
The width.
Gets or sets a value indicating whether this column is hidden.
true if hidden; otherwise, false.
Hidden columns are output as HTML but are not visible by the end-user.
Gets the header HTML attributes.
The header HTML attributes.
Gets the footer HTML attributes.
The footer HTML attributes.
Gets or sets a value indicating whether this column is visible.
true if visible; otherwise, false. The default value is true.
Invisible columns are not output in the HTML.
Gets the HTML attributes of the cell rendered for the column
The HTML attributes.
Initializes a new instance of the class.
Gets type of the property to which the column is bound to.
Gets or sets a value indicating whether this column is groupable.
true if groupable; otherwise, false.
Gets a function which returns the value of the property to which the column is bound to.
Gets or sets a value indicating whether this is sortable.
true if sortable; otherwise, false. The default value is true.
Gets or sets a value indicating whether this is filterable.
true if filterable; otherwise, false. The default value is true.
Defines the fluent interface for configuring bound columns filterable options
The type of the data item
Initializes a new instance of the class.
The settings.
Enables or disables filtering
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Filterable(filtering => filtering.Enabled((bool)ViewData["enableFiltering"]))
%>
The Enabled method is useful when you need to enable filtering based on certain conditions.
Configures the Filter menu operators.
Configures Filter menu messages.
Specify if the extra input fields should be visible within the filter menu. Default is true.
True to show the extra inputs, otherwise false
Initializes a new instance of the class.
The column.
Sets the type of the input element of the filter menu
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
columns.Bound(o => o.OrderDate)
.Filterable(filterable =>
filterable.UI(GridFilterUIRole.DatePicker)
)
)
%>
Sets JavaScript function which to modify the UI of the filter input.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
columns.Bound(o => o.OrderDate)
.Filterable(filterable =>
filterable.UI(@<text>
JavaScript function goes here
</text>)
)
)
%>
Sets JavaScript function which to modify the UI of the filter input.
JavaScript function name
Defines the fluent interface for configuring the column menu messages.
Sets the text displayed for filter menu option.
The message
Sets the text displayed for columns menu option.
The message
Sets the text displayed for sort ascending menu option.
The message
Sets the text displayed for sort descending menu option.
The message
Sets the text displayed for done menu button.
The message
Sets the text displayed for menu header.
The message
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The settings.
Enables/disables header column menu.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.ColumnMenu(menu => menu.Enabled((bool)ViewData["enableColumnMenu"]))
%>
The Enabled method is useful when you need to enable column menu based on certain conditions.
Enables/disables sort section in header column menu.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.ColumnMenu(menu => menu.Sortable((bool)ViewData["enableSort"]))
%>
The Enabled method is useful when you need to enable/disable sort section in column menu based on certain conditions.
Enables/disables filter section in header column menu.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.ColumnMenu(menu => menu.Filterable((bool)ViewData["enableFilter"]))
%>
The Enabled method is useful when you need to enable/disable filter section in column menu based on certain conditions.
Enables/disables columns section in header column menu.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.ColumnMenu(menu => menu.Columns((bool)ViewData["enableColumns"]))
%>
The Enabled method is useful when you need to enable/disable columns section in column menu based on certain conditions.
Enables you to define custom messages in grid column menu.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.ColumnMenu(menu => menu.Messages(msg => msg.Filter("Custom filter message")))
%>
Defines the fluent interface for configuring the Filter menu DropDownList options.
Clears the options. Supported only in conjunction with custom messages.
Sets the text for IsEqualTo operator filter menu item.
The message
Sets the text for IsNotEqualTo operator filter menu item.
The message
Defines the fluent interface for configuring the Filter menu DropDownList options.
Clears the options.
Supported only in conjunction with custom messages.
Sets the text for IsEqualTo operator filter menu item.
The message
Sets the text for IsNotEqualTo operator filter menu item.
The message
Sets the text for IsGreaterThanOrEqualTo operator filter menu item.
The message
Sets the text for IsGreaterThan operator filter menu item.
The message
Sets the text for IsLessThanOrEqualTo operator filter menu item.
The message
Sets the text for IsLessThan operator filter menu item.
The message
Defines the fluent interface for configuring the Filter menu DropDownList options.
Clears the options.
Supported only in conjunction with custom messages.
Sets the text for IsEqualTo operator filter menu item.
The message
Sets the text for IsNotEqualTo operator filter menu item.
The message
Sets the text for IsGreaterThanOrEqualTo operator filter menu item.
The message
Sets the text for IsGreaterThan operator filter menu item.
The message
Sets the text for IsLessThanOrEqualTo operator filter menu item.
The message
Sets the text for IsLessThan operator filter menu item.
The message
Defines the fluent interface for configuring the Filter menu options.
Sets the info part of the filter menu
The message
Sets the text for And option.
The text
Sets the text for Or option.
The text
Sets the text for Boolean IsTrue option value.
The message
Sets the text for Boolean IsFalse option value.
The message
Sets the text for Filter button.
The message
Sets the text for SelectValue option.
The message
Sets the text for Clear button.
The message
Sets the text for Operator label.
The message
Sets the text for Value label.
The message
Sets the text for Cancel button.
The message
Defines the fluent interface for configuring the Filter menu .
Configures messages for string operators.
Configures messages for number operators.
Configures messages for date operators.
Configures messages for enums operators.
Defines the fluent interface for configuring the Filter menu DropDownList options.
Clears the options.
Supported only in conjunction with custom messages.
Sets the text for IsEqualTo operator filter menu item.
The message
Sets the text for IsNotEqualTo operator filter menu item.
The message
Sets the text for StartsWith operator filter menu item.
The message
Sets the text for EndsWith operator filter menu item.
The message
Sets the text for Contains operator filter menu item.
The message
Sets the text for DoesNotContain operator filter menu item.
The message
Defines the fluent interface for configuring
Initializes a new instance of the class.
The settings.
Enables or disables keyboard navigation.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Navigatable(setting => setting.Enabled((bool)ViewData["enableKeyBoardNavigation"]))
%>
The Enabled method is useful when you need to enable keyboard navigation based on certain conditions.
Defines the fluent interface for configuring toolbar save command.
The type of the model
Defines the fluent interface for configuring toolbar command.
The type of the model
The type of the command.
The type of the builder.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Sets the text displayed by the "save changes" button. If not set a default value is used.
The text which should be displayed
Sets the text displayed by the "cancel changes" button. If not set a default value is used.
The text which should be displayed
Defines the fluent interface for configuring command.
The type of the command.
The type of the builder.
Initializes a new instance of the class.
The command.
Sets the text displayed by the command. If not set a default value is used.
The text which should be displayed
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Defines the fluent interface for configuring messages.
Sets the text of the group panel when grid is not grouped.
The message
Represents an aggregate result.
Defines the fluent interface for configuring aggregates for a given field.
Applies the Min aggregate function.
Applies the Max aggregate function.
Applies the Count aggregate function.
Applies the Average aggregate function.
Applies the Sum aggregate function.
Represents the aggregate result when grouping is enabled
Represents the selection modes supported by Kendo UI Grid for ASP.NET MVC
Represents the selection types supported by Kendo UI Grid for ASP.NET MVC
Defines the fluent interface for configuring the .
Configures the URL for Read operation.
Sets controller, action and routeValues for Read operation.
Action name
Controller Name
Route values
Sets controller and action for Read operation.
Action name
Controller Name
Configures the client-side events
Configures the model
Specifies if filtering should be handled by the server.
Specifies if filtering should be handled by the server.
Defines the fluent interface for configuring the .
Specify the model id member name.
The member name.
Specify the model children member name.
The member name.
Specify the member name used to determine if the model has children.
The member name.
Describes a Model field
Field name
Field type
Configures the URL for Read operation.
Sets controller and action for Read operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Read operation.
Action name
Controller Name
Represents the menu item opening direction.
Bottom direction
Left direction
Right direction
Top direction
Defines the fluent API for configuring the MobileListViewLinkItem settings.
Defines the base fluent API for configuring the MobileListViewItem.
Sets the text of the item.
Sets the text of the item.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML content which the item should display.
The action which renders the item content.
<% Html.Kendo().MobileListViewView()
.Name("View")
.Items(items =>
{
items.Add().Content(() =>
{
%>
<strong> Item Content </strong>
<%
});
})
.Render();
%>
Sets the HTML content which the item should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileListView()
.Name("View")
.Items(items =>
{
items.Add().Content(
@<text>
Some text
<strong> Item Content </strong>
</text>
)
})
)
The icon of the link item. It can be either one of the built-in icons, or a custom one.
The value that configures the icon.
Sets the HTML attributes of the link.
The HTML attributes of the link.
Sets the HTML attributes of the link.
The HTML attributes of the link.
Specifies the id of target Pane or `_top` for application level Pane
The value that configures the target.
This value will be available when the action callback of ActionSheet item is executed
The value that configures the actionsheetcontext.
Specifies the widget to be open when is tapped (the href must be set too)
The value that configures the rel.
Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor)
The value that configures the url.
Specifies the url for remote view to be loaded
Sets controller and action from where the remove view to be loaded.
Action name
Controller Name
Route values
Sets controller, action and routeValues from where the remove view to be loaded.
Action name
Controller Name
Defines the fluent API for configuring the MobileListViewItem settings.
Builds nested MobileListView items.
Action for declaratively building MobileListView items.
<% 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();
%>
Defines the fluent API for adding items to Kendo MobileListView for ASP.NET MVC
Gets or sets the T object that is the parent of the current node.
The parent.
Gets the previous T object on the same level as the current one, relative to the T.ParentNode object (if one exists).
The previous sibling.
Gets the next T node on the same hierarchical level as the current one, relative to the T.ParentNode property (if one exists).
The next sibling.
Mode of adaptive rendering
Disables the mobile adaptive rendering
Autodetect if rendered by a mobile browser
Force mobile phone rendering
Force mobile tablet rendering
Defines the fluent interface for configuring the options.
Sets the route values for the settings.
Route values
Sets the action, contoller and route values for the settings.
Action name
Controller name
Route values
Sets the action, contoller and route values for the settings.
Action name
Controller name
Route values
Sets the action and contoller values for the settings.
Action name
Controller name
Sets the route name and values for the settings.
Route name
Route values
Sets the route name and values for the settings.
Route name
Route values
Sets the route name for the settings.
Specifies an absolute or relative URL for the settings.
Absolute or relative URL for the settings
Defines the fluent API for configuring the Kendo MobileSplitViewPane for ASP.NET MVC events.
Triggered when pane navigates to a view.
The name of the JavaScript function that will handle the navigate event.
Triggered after the pane displays a view.
The name of the JavaScript function that will handle the viewShow event.
The fluent API for subscribing to Kendo UI MultiSelect events.
Initializes a new instance of the class.
The client events.
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Select("select"))
)
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Change("change"))
)
Defines the inline handler of the DataBound client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.DataBound(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.DataBound("dataBound"))
%>
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Open("open"))
)
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Open(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the inline handler of the Close client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Close(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Close("close"))
)
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Controls whether to bind the widget to the DataSource on initialization.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.AutoBind(false)
%>
Controls whether to close the widget suggestion list on item selection.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.AutoClose(false)
%>
Sets the field of the data item that provides the value content of the list items.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.DataTextField("Text")
.DataValueField("Value")
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events =>
events.Change("change")
)
%>
Use it to enable filtering of items.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Filter("startswith");
%>
Use it to enable filtering of items.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Filter(FilterType.Contains);
%>
Defines the items in the MultiSelect
The add action.
<%= Html.Telerik().MultiSelect()
.Name("MultiSelect")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Use it to enable highlighting of first matched item.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.HighlightFirst(true)
%>
Specifies the limit of the selected items. If set to null widget will not limit number of the selected items.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.MinLength(3)
%>
Specifies the minimum number of characters that should be typed before the widget queries the dataSource.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.MinLength(3)
%>
A string that appears in the textbox when it has no value.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Placeholder("Select country...")
%>
Template to be used for rendering the items in the list.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.ItemTemplate("#= data #")
%>
TemplateId to be used for rendering the items in the list.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.ItemTemplateId("widgetTemplateId")
%>
Template to be used for rendering the tags of the selected items.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.TagTemplate("#= data #")
%>
TemplateId to be used for rendering the tags of the selected items.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.TagTemplateId("widgetTemplateId")
%>
Sets the value of the widget.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Value(new string[] { "1" })
%>
Defines the fluent interface for configuring
Enables or disables column reordering.
True to enable column reordering, otherwise false
Defines the fluent interface for configuring filter operator.
Includes only values which are less then the given value.
The value which the result should be less then
Includes only values which are less or equal to the given value.
The value which the result should be less or equal to
Includes only values which are greater then or equal to the given value.
The value which the result should be greater then or equal to
Includes only values which are greater then the given value.
The value which the result should be greater then
Defines the fluent interface for configuring filter.
Specifies the member on which the filter should be applied.
Member access expression which describes the member
Specifies the member on which the filter should be applied.
Member access expression which describes the member
Specifies the member on which the filter should be applied.
Member type
Member access expression which describes the member
Specifies the member on which the filter should be applied.
Member access expression which describes the member
Defines the fluent interface for configuring filter string operator.
Includes only values which are starting with the given string.
The string with which the result should start
Includes only values which end with the given string.
The string with which the result should end
Includes only values which contain the given string.
The string which the result should contain
Includes only values which does not contain the given string.
The string which the result should not contain
Defines the fluent interface for configuring grid editing.
Initializes a new instance of the class.
The settings.
Enables or disables grid editing.
<%= Html.Kendo().Grid<Order>()
.Name("Orders")
.Editable(settings => settings.Enabled(true))
%>
The Enabled method is useful when you need to enable grid editing on certain conditions.
Specify an editor template which to be used for InForm or PopUp modes
name of the editor template
This settings is applicable only when Mode is
Provides additional view data in the editor template.
The additional view data will be provided if the editing mode is set to in-form or popup. For other editing modes
use
An anonymous object which contains the additional data
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Editable(editing => editing.AdditionalViewData(new { customers = Model.Customers }))
%>
Enables or disables delete confirmation.
<%= Html.Kendo().Grid<Order>()
.Name("Orders")
.Editable(settings => settings.DisplayDeleteConfirmation(true))
%>
Change default text for confirm delete button. Note: Available only on mobile devices.
Available only on mobile devices.
<%= Html.Kendo().Grid<Order>()
.Name("Orders")
.Editable(settings => settings.ConfirmDelete("Yes"))
%>
Change default text for cancel delete button. Note: Available only on mobile devices.
Available only on mobile devices.
<%= Html.Kendo().Grid<Order>()
.Name("Orders")
.Editable(settings => settings.ConfirmDelete("No"))
%>
Sets insert row position.
<%= Html.Kendo().Grid<Order>()
.Name("Orders")
.Editable(settings => settings.CreateAt(GridInsertRowPosition.Bottom))
%>
Defines the fluent interface for configuring
Enables or disables column resizing.
True to enable column resizing, otherwise false
Defines the fluent interface for configuring template columns
Defines the fluent interface for configuring columns.
The type of the column builder.
Initializes a new instance of the class.
The column.
Sets the title displayed in the header of the column.
The text.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Title("ID"))
%>
Sets the HTML attributes applied to the header cell of the column.
The attributes.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))
%>
Sets the HTML attributes applied to the header cell of the column.
The attributes.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))
%>
Sets the HTML attributes applied to the footer cell of the column.
The attributes.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).FooterHtmlAttributes(new {@class="order-footer"}))
%>
Sets the HTML attributes applied to the footer cell of the column.
The attributes.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).FooterHtmlAttributes(new {@class="order-footer"}))
%>
Sets the HTML attributes applied to the content cell of the column.
The attributes.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).HtmlAttributes(new {@class="order-cell"}))
%>
Sets the HTML attributes applied to the content cell of the column.
The attributes.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).HtmlAttributes(new {@class="order-cell"}))
%>
Sets the width of the column in pixels.
The width in pixels.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Width(100))
%>
Sets the width of the column using CSS syntax.
The width to set.
<% Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o =>
{
%>
<%= Html.ActionLink("Edit", "Home", new { id = o.OrderID}) %>
<%
}))
.Width("30px")
.Render();
%>
Makes the column visible or not. By default all columns are visible. Invisible columns are not rendered in the output HTML.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Visible((bool)ViewData["visible"]))
%>
Makes the column hidden or not. By default all columns are not hidden. Hidden columns are rendered in the output HTML but are hidden.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Hidden((bool)ViewData["hidden"]))
%>
Hides a column. By default all columns are not hidden. Hidden columns are rendered in the output HTML but are hidden.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Hidden())
%>
Specifys whether the columns should be included in column header menu. By default all columns are included.
The column also need to have a Title set in order to be included in the menu.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).IncludeInMenu((bool)ViewData["hidden"]))
%>
Sets the header template for the column.
The action defining the template.
Sets the header template for the column.
The string defining the template.
Sets the header template for the column.
The action defining the template.
Sets the footer template for the column.
The action defining the template.
Sets the footer template for the column.
The string defining the template.
Sets the footer template for the column.
The action defining the template.
Gets or sets the column.
The column.
Represents the editing modes supported by Kendo UI Grid for ASP.NET MVC
Defines the fluent interface for configuring toolbar custom command.
The type of the model
Sets command route.
The route name
Sets command route and route values.
The route name
The route values
Sets command route and route values.
The route name
The route values
Sets command action.
The route values
Sets command action and controller.
The action name
The controller name
Sets command action and controller.
The action name
The controller name
The route values
Sets command action and controller.
The action name
The controller name
The route values
Sets command absolute URL.
The URL
Sets the command name.
The name of the command
Defines the fluent interface for configuring group.
Specifies the member by which the data should be grouped.
Member access expression which describes the member
Specifies the member by which the data should be grouped.
Member type
Member name
Specifies the member by which the data should be grouped.
Member name
Member type
Specifies the member by which the data should be grouped.
Member name
Member type
Sort order
Specifies the member by which the data should be grouped.
Member type
Member type
Sort order
Specifies the member by which the data should be sorted in descending order and grouped.
Member type
Member access expression which describes the member
Specifies the member by which the data should be sorted in descending order and grouped.
Member type
Member name
Specifies the member by which the data should be sorted in descending order and grouped.
Member name
/// Member type
Defines the fluent interface for configuring .
Configures messages.
Enables or disables filtering
Defines the fluent interface for configuring toolbar command.
The type of the model
Defines a create command.
Defines a save command.
Defines a custom command.
Sets toolbar template.
The action defining the template.
Sets toolbar template.
The template
Sets the toolbar template.
The action defining the template.
Sets the toolbar template.
The action defining the template.
Gets or sets a value indicating whether member access expression used
by this builder should be lifted to null. The default value is true;
true if member access should be lifted to null; otherwise, false.
Provided expression should have string type
ArgumentException.
ArgumentException.
Provided 's is not
Provided type is not
Provided 's is not
Provided 's is not
ArgumentException.
did not implement .
Invalid name for property or field; or indexer with the specified arguments.
InvalidOperationException.
InvalidCastException.
Child element with name specified by does not exists.
Represents a filtering descriptor which serves as a container for one or more child filtering descriptors.
Base class for all used for
handling the logic for property changed notifications.
Represents a filtering abstraction that knows how to create predicate filtering expression.
Creates a predicate filter expression used for collection filtering.
The instance expression, which will be used for filtering.
A predicate filter expression.
Creates a filter expression by delegating its creation to
, if
is , otherwise throws
The instance expression, which will be used for filtering.
A predicate filter expression.
Parameter should be of type
Creates a predicate filter expression used for collection filtering.
The parameter expression, which will be used for filtering.
A predicate filter expression.
Creates a predicate filter expression combining
expressions with .
The parameter expression, which will be used for filtering.
A predicate filter expression.
Gets or sets the logical operator used for composing of .
The logical operator used for composition.
Gets or sets the filter descriptors that will be used for composition.
The filter descriptors used for composition.
Logical operator used for filter descriptor composition.
Combines filters with logical AND.
Combines filters with logical OR.
The method checks whether the passed parameter satisfies filter criteria.
Creates a predicate filter expression that calls .
The parameter expression, which parameter
will be passed to method.
If false will not execute.
Represents declarative filtering.
Initializes a new instance of the class.
Initializes a new instance of the class.
The member.
The filter operator.
The filter value.
Creates a predicate filter expression.
The parameter expression, which will be used for filtering.
A predicate filter expression.
Determines whether the specified descriptor
is equal to the current one.
The other filter descriptor.
True if all members of the current descriptor are
equal to the ones of , otherwise false.
Determines whether the specified
is equal to the current descriptor.
Serves as a hash function for a particular type.
A hash code for the current filter descriptor.
Gets or sets the member name which will be used for filtering.
The member that will be used for filtering.
Gets or sets the type of the member that is used for filtering.
Set this property if the member type cannot be resolved automatically.
Such cases are: items with ICustomTypeDescriptor, XmlNode or DataRow.
Changing this property did not raise
The type of the member used for filtering.
Gets or sets the filter operator.
The filter operator.
Gets or sets the target filter value.
The filter value.
Represents collection of .
Operator used in
Left operand must be smaller than the right one.
Left operand must be smaller than or equal to the right one.
Left operand must be equal to the right one.
Left operand must be different from the right one.
Left operand must be larger than the right one.
Left operand must be larger than or equal to the right one.
Left operand must start with the right one.
Left operand must end with the right one.
Left operand must contain the right one.
Left operand must be contained in the right one.
Left operand must not contain the right one.
InvalidOperationException.
Defines the fluent interface for configuring ListView editing.
Initializes a new instance of the class.
The settings.
Specify an editor template which to be used.
name of the editor template
Defines the fluent API for configuring the Kendo ListView for ASP.NET MVC events.
Defines the fluent interface for configuring
Enables or disables selection.
<%= Html.Kendo().ListView(Model)
.Name("ListView")
.Selectable(selection => selection.Enabled((bool)ViewData["enableSelection"]))
%>
Specifies whether multiple or single selection is allowed.
<%= Html.Kendo().ListView(Model)
.Name("ListView")
.Selectable(selection => selection.Mode((bool)ViewData["selectionMode"]))
%>
The Mode method is useful to switch between different selection modes.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The component.
Binds the ListView to a list of objects
The type of the data item
The data source.
<%= Html.Kendo().ListView<Order>()
.Name("Orders")
.BindTo((IEnumerable<Order>)ViewData["Orders"]);
%>
Binds the ListView to a list of objects
The type of the data item
The data source.
<%= Html.Kendo().ListView<Order>()
.Name("Orders")
.BindTo((IEnumerable)ViewData["Orders"]);
%>
Specifies ListView item template.
The Id of the element which contains the template.
<%= Html.Kendo().ListView<Order>()
.Name("Orders")
.ClientTemplateId("listViewTemplate");
%>
Allows paging of the data.
<%= Html.Kendo().ListView()
.Name("ListView")
.Ajax(ajax => ajax.Action("Orders", "ListView"))
.Pageable();
%>
Allows paging of the data.
Use builder to define paging settings.
<%= Html.Kendo().ListView()
.Name("Grid")
.Ajax(ajax => ajax.Action("Orders", "ListView"))
.Pageable(paging => paging.Enabled(true))
%>
Enables keyboard navigation.
<%= Html.Kendo().ListView()
.Name("ListView")
.Ajax(ajax => ajax.Action("Orders", "ListView"))
.Navigatable();
%>
Enables single item selection.
<%= Html.Kendo().ListView()
.Name("ListView")
.Selectable()
%>
Enables item selection.
Use builder to define the selection mode.
<%= Html.Kendo().ListView()
.Name("ListView")
.Selectable(selection => {
selection.Enabled(true);
selection.Mode(ListViewSelectionMode.Multiple);
})
%>
Specifies if the ListView should be automatically bound on initial load.
This is only possible if AJAX binding is used, and widget is not initialy populated on the server.
If true ListView will be automatically data bound, otherwise false
Specifies ListView wrapper element tag name.
<%= Html.Kendo().ListView()
.Name("ListView")
.TagName("div")
%>
Configures the ListView editing settings.
<%= Html.Kendo().ListView()
.Name("ListView")
.Editable(settings => settings.Enabled(true))
%>
Enables ListView editing.
<%= Html.Kendo().ListView()
.Name("ListView")
.Editable()
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().ListView()
.Name("ListView")
.Events(events => events
.DataBound("onDataBound")
)
%>
Represents the selection modes supported by Kendo UI ListView for ASP.NET MVC
Initializes a new instance of the class.
The ListView component.
Builds the ListView component markup.
Gets the key for this group.
The key for this group.
Gets the items in this groups.
The items in this group.
Gets a value indicating whether this instance has sub groups.
true if this instance has sub groups; otherwise, false.
Gets the count.
The count.
Gets the subgroups, if is true, otherwise empty collection.
The subgroups.
Gets a value indicating whether this instance has any sub groups.
true if this instance has sub groups; otherwise, false.
Gets the number of items in this group.
The items count.
Gets the subgroups, if is true, otherwise empty collection.
The subgroups.
Gets the items in this groups.
The items in this group.
Gets the key for this group.
The key for this group.
Gets the aggregate results generated for the given aggregate functions.
The aggregate results for the provided aggregate functions.
functions is null.
Gets or sets the aggregate functions projection for this group.
This projection is used to generate aggregate functions results for this group.
The aggregate functions projection.
Represents an aggregate function.
Creates the aggregate expression that is used for constructing expression
tree that will calculate the aggregate result.
The grouping expression.
Generates default name for this function using this type's name.
Function name generated with the following pattern:
{.}_{}
Gets or sets the informative message to display as an illustration of the aggregate function.
The caption to display as an illustration of the aggregate function.
Gets or sets the name of the field, of the item from the set of items, which value is used as the argument of the aggregate function.
The name of the field to get the argument value from.
Gets or sets the name of the aggregate function, which appears as a property of the group record on which records the function works.
The name of the function as visible from the group record.
Gets or sets a string that is used to format the result value.
The format string.
Gets the with the specified function name.
First with the specified function name
if any, otherwise null.
Initializes a new instance of the class.
The value of the result.
The number of arguments used for the calculation of the result.
Function that generated the result.
function is null.
Initializes a new instance of the class.
that generated the result.
function is null.
Initializes a new instance of the class.
The value of the result.
that generated the result.
Returns a that represents the current .
A that represents the current .
Gets or sets the value of the result.
The value of the result.
Gets the formatted value of the result.
The formatted value of the result.
Gets or sets the number of arguments used for the calulation of the result.
The number of arguments used for the calulation of the result.
Gets or sets the text which serves as a caption for the result in a user interface..
The text which serves as a caption for the result in a user interface.
Gets the name of the function.
The name of the function.
Gets the first which
is equal to .
The for the specified function if any, otherwise null.
Gets the type of the extension methods that holds the extension methods for
aggregation. For example or .
The type of that holds the extension methods. The default value is .
Creates the aggregate expression using .
The grouping expression.
Initializes a new instance of the class.
Gets the the Average method name.
Average.
Creates the aggregate expression using .
The grouping expression.
Initializes a new instance of the class.
Gets the the Count method name.
Count.
Gets the the First method name.
First.
Initializes a new instance of the class.
Gets the the Last method name.
Last.
Initializes a new instance of the class.
Gets the the Max method name.
Max.
Initializes a new instance of the class.
Gets the the Min method name.
Min.
Initializes a new instance of the class.
Gets the the Min method name.
Min.
Represents grouping criteria.
Represents declarative sorting.
Gets or sets the member name which will be used for sorting.
The member that will be used for sorting.
Gets or sets the sort direction for this sort descriptor. If the value is null
no sorting will be applied.
The sort direction. The default value is null.
Changes the to the next logical value.
Gets or sets the type of the member that is used for grouping.
Set this property if the member type cannot be resolved automatically.
Such cases are: items with ICustomTypeDescriptor, XmlNode or DataRow.
The type of the member used for grouping.
Gets or sets the content which will be used from UI.
The content that will be used from UI.
Gets or sets the aggregate functions used when grouping is executed.
The aggregate functions that will be used in grouping.
Calculates unique int for given group in a group sequence,
taking into account groups order, each group key and groups' count.
Defines the fluent API for configuring the object.
Enables or disables the progress animation
The boolean value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Animation(a => a.Enable(false))
%>
Specifies the duration of the progress animation
The boolean value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Animation(a => a.Duration(200))
%>
Define the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Use to enable or disable the animation.
The boolean value.
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Animation(false)
%>
Configures the animation effects.
The action which configures the animation effects.
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Animation(a => a.Duration(200))
%>
Sets the number of chunks to which the ProgressBar will be divided (applies only when type is "chunk")
The number of chunks
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Type(ProgressBarType.Chunk)
.ChunkCount(10)
%>
Enables or disables the component
true if the component should be enabled, false otherwise; the default is true.
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Enable(false)
%>
Configures the client-side events
The client events configuration action.
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Events(events => events
.Change("onChange"))
%>
Sets the maximum value of the ProgressBar
Number specifying the maximum value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Max(200)
%>
Sets the minimum value of the ProgressBar
Number specifying the minimum value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Min(50)
%>
Sets the orientation of the ProgressBar
ProgressBarOrientation enumeration specifying the orientation
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Orientation(ProgressBarOrientation.Vertical)
%>
Specifies if the ProgressBar direction will be reversed
The boolean value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Reverse(true)
%>
Specifies if the Progress status will be displayed
The boolean value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.ShowStatus(false)
%>
Specifies the type of the ProgressBar
ProgressBarType enumeration specifying the type
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Type(ProgressBarType.Percent)
%>
Sets the initial value of the ProgressBar
Number specifying the value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Min(100)
.Max(200)
.Value(100)
%>
Sets the initial value of the ProgressBar
Pass false to set indeterminate value
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Min(100)
.Max(200)
.Value(false)
%>
Initializes a new instance of teh class
The client events.
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().ProgressBar()
.Name("progressBar")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Events(events => events.Change("onChange"))
%>
Defines the inline handler of the Complete client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().ProgressBar()
.Name("progressBar")
.Events(events => events.Complete(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Complete client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
.Events(events => events.Complete("onComplete"))
%>
Initializes a new instance of the class.
The view context.
The javascript initializer.
Writes the initialization script
The writer object.
Writes the ProgressBar HTML.
The writer object.
Defines the ProgressBar animation
Gets or sets the number of chunks when the type of the Progressbar is set to "chunk"
Gets or sets a value indicating whether the component is enabled
true if the component should be enabled, false otherwise; the default is true.
Gets or sets the maximum value of the ProgressBar
Gets or sets the minimum value of the ProgressBar
Gets or sets the orientation of the ProgressBar
Specifies if the progress direction should be reversed
Specifies if the progress status should be displayed
Gets or sets the current value of the ProgressBar
Gets or sets the type of the ProgressBar
Represents the orientation supported by Kendo UI ProgressBar for ASP.NET MVC
Represents the progress types supported by Kendo UI ProgressBar for ASP.NET MVC
Initializes a new instance of the class.
The QRCode component.
Creates the QRCode top-level div.
Builds the QRCode component markup.
Specifies a QR code encoding mode.
Specifies the default encoding - ISO/IEC 8859-1.
Specifies a UTF-8 encoding.
Specifies a QR code error correction level.
Specifies a Low error correction level. Approximately 7% of the codewords can be restored.
Specifies a Medium error correction level. Approximately 15% of the codewords can be restored.
Specifies a Quartile error correction level. Approximately 25% of the codewords can be restored.
Specifies a High error correction level. Approximately 30% of the codewords can be restored.
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The qr code border.
Sets the border width.
The border width.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Border(border => border.Width(5))
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Border(border => border.Width(5))
%>
Sets the border color.
The border color.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Border(border => border.Color("black"))
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Border(border => border.Color("black"))
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the background color of the QR code.
The QR code background color.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Background("red")
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Background("red")
%>
Sets the border width and color of the QR code.
The QR code border color.
The QR code border width.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Border("black", 5)
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Border("black", 5)
%>
Sets the border configuration of the QRCode.
The lambda which configures the border.
@(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)
)
%>
Sets the color of the QR code.
The QR code color.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Color("blue")
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Color("blue")
%>
Sets the encoding of the QR code.
The QR code encoding.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Encoding(QREncoding.UTF_8)
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Encoding(QREncoding.UTF_8)
%>
Sets the error correction level of the QR code.
The QR code error correction level.
@(Html.Kendo().QRCode()
.Name("qrCode")
.ErrorCorrection(QRErrorCorrectionLevel.Q)
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.ErrorCorrection(QRErrorCorrectionLevel.Q)
%>
Sets the size of the QR code.
The QR code size.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Size(170)
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Size(170)
%>
Sets the value of the QR code.
The QR value.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Value("Hello world")
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Value("Hello world")
%>
Sets the preferred rendering engine.
If it is not supported by the browser, the Chart will switch to the first available mode.
The preferred rendering engine.
Gets or sets the color of the border.
Gets or sets the width of the border.
The server side wrapper for the Kendo UI QRCode.
Gets or sets the QRCode value.
The QRCode value.
Gets or sets the render type.
The render type.
Gets the border configuration.
Gets or sets the QRCode size.
The QRCode size.
Gets or sets the QRCode color.
The QRCode color.
Gets or sets the QRCode background.
The QRCode background.
Gets or sets the QRCode error correction level.
The QRCode error correction level.
Gets or sets the QRCode encoding.
The QRCode encoding.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The component.
The current start of the RecurrenceEditor. Used to determine the start day. The minimum date available in the "Until" DatePicker.
The start
@(Html.Kendo().RecurrenceEditor()
.Name("recurrenceEditor")
.Start(new DateTime(2013, 6, 13))
)
The first week day (by index) of the RecurrenceEditor. Default is 0.
The firstWeekDay
@(Html.Kendo().RecurrenceEditor()
.Name("recurrenceEditor")
.FirstWeekDay(6)
)
The timezone of the RecurrenceEditor.
The timezone
@(Html.Kendo().RecurrenceEditor()
.Name("recurrenceEditor")
.Timezone("Etc/UTC")
)
The value of the RecurrenceEditor. Must be valid recurrence rule.
The value
@(Html.Kendo().RecurrenceEditor()
.Name("recurrenceEditor")
.Value("FREQ=WEEKLY;BYDAY=TU,TH")
)
The Frequencies of the RecurrenceEditor.
The addFrequencyAction
@(Html.Kendo().RecurrenceEditor()
.Name("recurrenceEditor")
.Frequency(frequency => frequency
.Add(RecurrenceEditorFrequency.Never)
.Add(RecurrenceEditorFrequency.Daily)
.Add(RecurrenceEditorFrequency.Weekly)
)
)
The IEnumerable collection of frequencies for the RecurrenceEditor.
The frequencies
@(Html.Kendo().RecurrenceEditor()
.Name("recurrenceEditor")
.Frequency(new List<RecurrenceEditorFrequency>() {
RecurrenceEditorFrequency.Never,
RecurrenceEditorFrequency.Daily,
RecurrenceEditorFrequency.Weekly,
}))
Sets the messages of the recurrenceEditor.
The lambda which configures the scheduler messages
Sets the events configuration of the recurrenceEditor.
The lambda which configures the recurrenceEditor events
<%= Html.Kendo().RecurrenceEditor()
.Name("RecurrenceEditor")
.Events(events =>
events.Change("change")
)
%>
The fluent API for subscribing to Kendo UI RecurrenceEditor events.
Initializes a new instance of the class.
The events.
Defines the inline handler of the change event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().RecurrenceEditor()
.Name("RecurrenceEditor")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the change event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().RecurrenceEditor()
.Name("RecurrenceEditor")
.Events(events => events.Change("change"))
)
Creates views for the class.
Initializes a new instance of the class.
The container.
Adds RecurrenceEditorFrequency to the RecurrenceEditor.
The frequency
Represents the frequency types supported by Kendo UI RecurrenceEditor for ASP.NET MVC
Configures the initial filter.
Configures Model properties
Defines the fluent interface for configuring the .
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The resource
The user-friendly title of the view displayed by the scheduler.
The title
@(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")
)
)
Sets the editing configuration of the current scheduler view.
The lambda which configures the editing
If set to true the user would be able to create new scheduler events and modify or delete existing ones. Default value is true.
The isEditable
@(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")
)
)
The template used by the view to render the scheduler events.
The eventTemplate.
The Id of the template used by the view to render the scheduler events.
The eventTemplateId
The format used to display the selected date. Uses kendo.format.
Contains two placeholders - "{0}" and "{1}" which represent the start and end date displayed by the view.
The selectedDateFormat.
@(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")
)
)
If set to true the view will be initially selected by the scheduler widget. Default value is false.
The isSelected
@(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")
)
)
Sets the orientation of the group headers
The orientation
Creates resources grouping for the class.
Initializes a new instance of the class.
The container
Sets the resources by which the scheduler will be grouped.
The names of the resources
The orientation of the group headers.
The orientation
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The messages.
Sets the View messages of the scheduler.
The lambda which configures the scheduler view messages
Sets the Recurrence messages of the scheduler.
The lambda which configures the scheduler recurrence messages
Sets the Editor messages of the scheduler.
The lambda which configures the scheduler editor messages
Sets the Editor messages of the scheduler.
The lambda which configures the scheduler editor messages
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Sets the Recurrence Editor Frequencies messages of the scheduler.
The lambda which configures the scheduler recurrence editor frequencies messages
Sets the Recurrence Editor Daily messages of the scheduler.
The lambda which configures the scheduler recurrence editor daily messages
Sets the Recurrence Editor Weekly messages of the scheduler.
The lambda which configures the scheduler recurrence editor weekly messages
Sets the Recurrence Editor Montly messages of the scheduler.
The lambda which configures the scheduler recurrence editor montly messages
Sets the Recurrence Editor Yearly messages of the scheduler.
The lambda which configures the scheduler recurrence editor yearly messages
Sets the Recurrence Editor End messages of the scheduler.
The lambda which configures the scheduler recurrence editor end messages
Sets the Recurrence Editor OffsetPositions messages of the scheduler.
The lambda which configures the scheduler recurrence editor offsetPositions messages
Sets the Recurrence Editor Weekdays messages of the scheduler.
The lambda which configures the scheduler recurrence editor weekdays messages
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The editorMessages.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The recurrenceMessages.
Defines the fluent interface for configuring the .
The template used by the agenda view to render the date of the scheduler events.
The eventDateTemplate
The Id of the template used by the agenda view to render the date of the scheduler events.
The eventDateTemplateId
The template used by the agenda view to render the time of the scheduler events.
The eventTimeTemplate
The Id of the template used by the agenda view to render the time of the scheduler events.
The eventTimeTemplateId
Defines the fluent interface for configuring the .
Defines the fluent interface for configuring the .
The template used to render the "all day" scheduler events.
The allDayEventTemplate
The Id of the template used to render the "all day" scheduler events.
The allDayEventTemplateId
If set to true the scheduler will display a slot for "all day" events. Default value is true.
The allDaySlot
The template used to render the date header cells.
The dateHeaderTemplate
The Id of the template used to render the date header cells.
The dateHeaderTemplateId
The number of minutes represented by a major tick.
The majorTick
The template used to render the all day slot content
The slotTemplate
The Id of the template used to render the all day slot content.
The id of template
The template used to render the slot content
The slotTemplate
The Id of the template used to render the slot content.
The id of template
The template used to render the major ticks.
The majorTimeHeaderTemplate
The Id of the template used to render the major ticks.
The majorTimeHeaderTemplateId
The number of time slots to display per major tick.
The minorTickCount
The template used to render the minor ticks.
The minorTimeHeaderTemplate
The Id of the template used to render the minor ticks.
The minorTimeHeaderTemplateId
The start time of the view. The scheduler will display events starting after the startTime.
The startTime
@(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")
)
)
The start time of the view. The scheduler will display events starting after the startTime.
The hours
The minutes
The seconds
@(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")
)
)
The end time of the view. The scheduler will display events ending before the endTime.
The endTime
@(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")
)
)
The end time of the view. The scheduler will display events ending before the endTime.
The hours
The minutes
The seconds
@(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")
)
)
The start time of the business hours. The scheduler will display events after the workDayStart if "WorkDayCommand" button is clicked.
The WorkDayStart
The start time of the business hours. The scheduler will display events after the workDayStart if "WorkDayCommand" button is clicked.
The hours
The minutes
The seconds
The end time of the business hours. The scheduler will display events before the workDayEnd if "WorkDayCommand" button is clicked.
The WorkDayEnd
The end time of the business hours. The scheduler will display events before the workDayEnd if "WorkDayCommand" button is clicked.
The hours
The minutes
The seconds
If set to false the scheduler will not display the "WorkDayCommand" button. Default value is true.
The showWorkDayCommand
If set to true the view will be initially shown in business hours mode.
If set the view will be initially shown in business hours mode.
If set to false the scheduler will not display the "footer" area. Default value is true.
The footer
Sets the start day of work week by index.
The workWeekStartDay
Sets the end day of work week by index.
The workWeekEndDay
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The container.
If set to true the user can create new events. Creating is enabled by default.
The create
If set to true the user can delete events from the view by clicking the "destroy" button. Deleting is enabled by default.
The destroy
If set to true the user can update events. Updating is enabled by default.
The update
The template which renders the editor.
The template
The Id of the template which renders the editor.
The templateId
The EditorTemplate which to be rendered as editor.
The name of the EditorTemplate
The text which the scheduler will display in a confirmation dialog when the user clicks the "destroy" button.
The message
If set to false the resizing of the events will be disabled. Resizing is enabled by default.
The resize option
If set to true the scheduler will display a confirmation dialog when the user clicks the "destroy" button. Confirmation dialog is enabled by default.
The confirmation
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The viewMessages.
Defines the fluent interface for configuring the .
The template used to render the day slots in month view.
The dayTemplate
The Id of the template used to render the day slots in month view.
The dayTemplateId
The height of the scheduler event rendered in month view.
The eventHeight
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The container.
If set to true the user can create new events. Creating is enabled by default.
The create
If set to true the user can delete events from the view by clicking the "destroy" button. Deleting is enabled by default.
The destroy
If set to true the user can update events. Updating is enabled by default.
The update
Defines the fluent interface for configuring the .
Defines the fluent interface for configuring the .
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The component.
The current date of the scheduler. Used to determine the period which is displayed by the widget.
The Date
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.BindTo(Model)
)
Enables the adaptive rendering when viewed on mobile browser
Used to determine if adaptive rendering should be used when viewed on mobile browser
The start time of the week and day views. The scheduler will display events starting after the startTime.
The startTime.
@(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)
)
The start time of the week and day views. The scheduler will display events starting after the startTime.
The hours
The minutes
The seconds
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.StartTime(10, 0, 0)
.BindTo(Model)
)
The end time of the week and day views. The scheduler will display events ending before the endTime.
The endTime.
@(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)
)
The end time of the week and day views. The scheduler will display events ending before the endTime.
The hours
The minutes
The seconds
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.EndTime(10,0,0)
.BindTo(Model)
)
The start time of the business day. The scheduler will display events starting after the workDayStart when the "Show Business Hours" button is pressed.
The workDayStart.
@(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)
)
The start time of the business day. The scheduler will display events starting after the workDayStart when the "Show Business Hours" button is pressed.
The hours
The minutes
The seconds
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.WorkDayStart(10, 0, 0)
.BindTo(Model)
)
The end time of the business day. The scheduler will display events ending before the workDayEnd when the "Show Business Hours" button is pressed.
The workDayEnd.
@(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)
)
The end time of the business day. The scheduler will display events ending before the workDayEnd when the "Show Business Hours" button is pressed.
The hours
The minutes
The seconds
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.WorkDayEnd(16,0,0)
.BindTo(Model)
)
The height of the widget.
The height.
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.Height(600)
.BindTo(Model)
)
The template used to render the scheduler events.
The eventTemplate.
@(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)
)
The Id of the template used to render the scheduler events.
The eventTemplateId
@(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)
)
The template used to render the "all day" scheduler events.
The allDayEventTemplate
The Id of the template used to render the "all day" scheduler events.
The allDayEventTemplateId
If set to true the scheduler will display a slot for "all day" events.
The allDaySlot.
If set to true day and week views will be initially shown in business hours mode.
This options is applicable only to work week, week and day views
If set day and week views will be initially shown in business hours mode.
This options is applicable only to work week, week and day views
If set to true the scheduler will enable the selection
The selectable.
The template used to render the date header cells.
The dateHeaderTemplate
The Id of the template used to render the date header cells.
The dateHeaderTemplateId
@(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)
)
The number of minutes represented by a major tick.
The majorTick
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.Height(600)
.MajorTick(120)
.BindTo(Model)
)
The template used to render the major ticks.
The majorTimeHeaderTemplate
The Id of the template used to render the major ticks.
The majorTimeHeaderTemplateId
The number of time slots to display per major tick.
The minorTickCount
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 7, 23))
.Height(400)
.MinorTickCount(1)
.BindTo(Model)
)
The template used to render the minor ticks.
The minorTimeHeaderTemplate
The Id of the template used to render the minor ticks.
The minorTimeHeaderTemplateId
The timezone which the scheduler will use to display the scheduler appointment dates. By default the current system timezone is used. This is an acceptable default when the scheduler widget is bound to local array of events. It is advisable to specify a timezone if the scheduler is bound to a remote service. That way all users would see the same dates and times no matter their configured system timezone.
The complete list of the supported timezones is available in the List of IANA time zones Wikipedia page.
The timezone
@(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")
)
)
The width of the widget.
The width
@(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")
)
)
If set to false the events would not snap events to the nearest slot during dragging (resizing or moving). Set it to false to allow free moving and resizing of events.
The isSnapable
@(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")
)
)
If set to false the initial binding will be prevented.
The autoBind
@(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")
)
)
Sets the start day of work week by index.
The workWeekStartDay
@(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")
)
)
Sets the end day of work week by index.
The workWeekEndDay
@(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")
)
)
Sets the editing configuration of the scheduler.
The lambda which configures the editing
@(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")
)
)
If set to false the user would not be able to create new scheduler events and modify or delete existing ones.
The isEditable
@(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")
)
)
Constraints the minimum date which can be selected via the scheduler navigation.
The min date
Constraints the maximum date which can be selected via the scheduler navigation.
The max date
Sets the resources grouping configuration of the scheduler.
The lambda which configures the scheduler grouping
@(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))
))
Sets the resources configuration of the scheduler.
The lambda which configures the scheduler resources
@(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))
))
Sets the views configuration of the scheduler.
The lambda which configures the scheduler views
@(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)
)
Sets the messages of the scheduler.
The lambda which configures the scheduler messages
Sets the events configuration of the scheduler.
The lambda which configures the scheduler events
<%= Html.Kendo().Scheduler<Task>()
.Name("Scheduler")
.Events(events =>
events.Remove("remove")
)
.BindTo(Model)
%>
Binds the scheduler to a list of objects
The data source.
@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))
))
Configures the DataSource options.
The DataSource configurator action.
<%= Html.Kendo().Scheduler<Task>()
.Name("Scheduler")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("Read", "Scheduler");
});
})
%>
The fluent API for subscribing to Kendo UI Scheduler events.
Initializes a new instance of the class.
The events.
Defines the inline handler of the remove event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the remove event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the add event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the add event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the edit event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the edit event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the cancel event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the cancel event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the change event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the change event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the save event.
The handler code wrapped in a text tag (Razor syntax).
@(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")
)
)
Defines the name of the JavaScript function that will handle the the save event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the dataBound event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the dataBound event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the dataBinding event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the dataBinding event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the moveStart event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the moveStart event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the move event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the move event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the moveEnd event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the moveEnd event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the resizeStart event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the resizeStart event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the resize event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the resize event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the resizeEnd event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the resizeEnd event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the inline handler of the navigate event.
The handler code wrapped in a text tag (Razor syntax).
@(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>
))
)
Defines the name of the JavaScript function that will handle the the navigate event.
The name of the JavaScript function that will handle the event.
@(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")
)
)
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The resource
The viewContext
The resource
The user friendly title of the resource displayed in the scheduler edit form. If not set the value of the field option is used.
The title
If set to true the scheduler event can be assigned multiple instances of the resource. The scheduler event field specified via the field option will contain an array of resources. By default only one resource instance can be assigned to an event.
The isMultiple
The name of the resource.
Binds the scheduler resource to a list of objects
The dataSource
@(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")
)
)
The field of the resource data item which represents the resource value. The resource value is used to link a scheduler event with a resource.
The field
The field of the resource data item which represents the resource text.
The field
The field of the resource data item which contains the resource color.
The field
Set to false if the scheduler event field specified via the field option contains a resource data item. By default the scheduler expects that field to contain a primitive value (string, number) which corresponds to the "value" of the resource (specified via dataValueField).
The valuePrimitive
Configures the DataSource options.
The DataSource configurator action.
@(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")
)
)
Creates resources for the class.
Initializes a new instance of the class.
The container
Defines a Scheduler resource.
Creates views for the class.
Initializes a new instance of the class.
The container.
Defines a Scheduler day view.
Enables a Scheduler day view.
Defines a custom view
The JavaScript type name
Defines a custom view
The JavaScript type name
The action for configuring the custom view
Defines a Scheduler workWeek view.
Enables a Scheduler workWeek view.
Defines a Scheduler week view.
Enables a Scheduler week view.
Defines a Scheduler month view.
Enables a Scheduler month view.
Defines a Scheduler agenda view.
Enables a Scheduler agenda view.
The server side wrapper for Kendo UI Scheduler
Represents the view types supported by Kendo UI Scheduler for ASP.NET MVC
Defines the fluent interface for configuring the SecurityTrimming info.
Enables or disables security trimming
The Enabled method is useful when you need to enable security trimming based on certain conditions.
Enables or disables whether to hide parent item which does not have accessible childrens
Defines the fluent API for configuring the Kendo Slider for ASP.NET MVC tooltip
Gets or sets the format for displaying the value in the tooltip.
The value.
<%= Html.Kendo().Slider()
.Name("Slider")
.Tooltip(tooltip => tooltip.Format("{0:P}"))
%>
Display tooltip while drag.
The value.
<%= Html.Kendo().Slider()
.Name("Slider")
.Tooltip(tooltip => tooltip.Enable(false))
%>
Gets or sets the template for displaying the value in the tooltip.
The template.
<%= Html.Kendo().Slider()
.Name("Slider")
.Tooltip(tooltip => tooltip.template("${value}"))
%>
Defines the fluent interface for configuring the .
Defines the inline handler of the Change client-side event
The action defining the inline handler.
<% Html.Kendo().RangeSlider()
.Name("RangeSlider")
.Events(events => events.Change(() =>
{
%>
function(e) {
//event handling code
}
<%
}))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Kendo client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().RangeSlider()
.Name("RangeSlider")
.Events(events => events.Change("change"))
%>
Defines the inline handler of the Slide client-side event.
The action defining the inline handler.
<% Html.Kendo().RangeSlider()
.Name("RangeSlider")
.Events(events => events.Slide(() =>
{
%>
function(e) {
//event handling code
}
<%
}))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Slide client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().RangeSlider()
.Name("RangeSlider")
.Events(events => events.Slide("slide"))
%>
Defines the fluent interface for configuring the .
Defines the inline handler of the Change client-side event
The action defining the inline handler.
<% Html.Kendo().Slider()
.Name("Slider")
.Events(events => events.Change(() =>
{
%>
function(e) {
//event handling code
}
<%
}))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Slider()
.Name("Slider")
.Events(events => events.Change("change"))
%>
Defines the inline handler of the Slide client-side event.
The action defining the inline handler.
<% Html.Kendo().Slider()
.Name("Slider")
.Events(events => events.Slide(() =>
{
%>
function(e) {
//event handling code
}
<%
}))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Slide client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Slider()
.Name("Slider")
.Events(events => events.Slide("slide"))
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the value of the range slider.
Sets the value of the range slider.
Sets orientation of the range slider.
Sets a value indicating how to display the tick marks on the range slider.
Sets the minimum value of the range slider.
Sets the maximum value of the range slider.
Sets the step with which the range slider value will change.
Sets the delta with which the value will change when user click on the track.
Display tooltip while drag.
Use it to configure tooltip while drag.
Use builder to set different tooltip options.
<%= Html.Kendo().Slider()
.Name("Slider")
.Tooltip(tooltip => tooltip
.Enable(true)
.Format("{0:P}")
);
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().RangeSlider()
.Name("RangeSlider")
.Events(events =>
events.OnChange("onChange"))
%>
Sets the title of the slider draghandle.
Sets the title of the slider draghandle.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the value of the slider.
Sets the title of the slider draghandle.
Sets the title of the slider increase button.
Sets whether slider to be rendered with increase/decrease button.
Sets the title of the slider decrease button.
Sets orientation of the slider.
Sets a value indicating how to display the tick marks on the slider.
Sets the minimum value of the slider.
Sets the maximum value of the slider.
Sets the step with which the slider value will change.
Sets the delta with which the value will change when user click on the slider.
Display tooltip while drag.
Use it to configure tooltip.
Use builder to set different tooltip options.
<%= Html.Kendo().Slider()
.Name("Slider")
.Tooltip(tooltip => tooltip
.Enable(true)
.Format("{0:P}")
);
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().Slider()
.Name("Slider")
.Events(events =>
events.OnChange("onChange"))
%>
Specifies the general layout of the slider.
The slider is oriented horizontally.
The slider is oriented vertically.
Specifies the location of tick marks in a component.
No tick marks appear in the component.
Tick marks are located on the top of a horizontal component or on the
left of a vertical component.
Tick marks are located on the bottom of a horizontal component or on the
right side of a vertical component.
Tick marks are located on both sides of the component.
Defines the possible series orientation.
Line series (default)
Area series
Bar Series (synonym for Column in sparklines)
Column Series
Bullet series
Pie series
Defines the fluent API for configuring the sparkline series defaults.
Defines the default settings for bar series.
Defines the default settings for column series.
Defines the default settings for line series.
Defines the default settings for area series.
Defines the default settings for pie series.
Creates series for the .
The type of the data item to which the chart is bound to
Initializes a new instance of the class.
The container.
Defines bound bar series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point category from the chart model
Defines bound bar series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
Defines bound bar series.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines bound bar series.
The type of the value member.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines bar series bound to inline data.
The data to bind to.
Defines bound column series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point category from the chart model
The expression used to extract the point note text from the chart model
Defines bound column series.
The expression used to extract the point value from the chart model
The expression used to extract the point color from the chart model
Defines bound bar series.
The name of the value member.
The name of the color member.
The name of the category member.
The name of the note text member.
Defines bound bar series.
The type of the value member.
The name of the value member.
The name of the color member.
The name of the category member.
Defines bar series bound to inline data.
The data to bind to
Defines bound line series.
The expression used to extract the value from the chart model.
The expression used to extract the category from the chart model.
The expression used to extract the note text from the chart model.
Defines bound line series.
The expression used to extract the series value from the chart model
Defines bound line series.
The name of the value member.
The name of the category member.
Defines bound line series.
The type of the value member.
The name of the value member.
The name of the category member.
Defines line series bound to inline data.
The data to bind to
Defines bound area series.
The expression used to extract the value from the chart model.
Defines bound area series.
The expression used to extract the value from the chart model.
The expression used to extract the category from the chart model.
The expression used to extract the note text from the chart model.
Defines bound area series.
The name of the value member.
The name of the category member.
Defines bound area series.
The type of the value member.
The name of the value member.
The name of the category member.
Defines area series bound to inline data.
The data to bind to
Defines bound pie series.
Defines bound pie series.
Defines bound pie series.
Defines pie series bound to inline data.
The data to bind to
Defines bound bullet series.
The expression used to extract the point current value from the chart model
The expression used to extract the point target value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound bullet series.
The expression used to extract the point current value from the chart model
The expression used to extract the point target value from the chart model
The expression used to extract the point color from the chart model
The expression used to extract the point note text from the chart model
Defines bound bar series.
The name of the current value member.
The name of the target value member.
The name of the color member.
The name of the note text member.
Defines bound bullet series.
The type of the current value member.
The name of the target value member.
The name of the color member.
The name of the note text member.
The parent Sparkline
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the Sparkline data.
The data for the default Sparkline series.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Data(new int[] { 1, 2 })
%>
Sets the Sparkline data.
The data for the default Sparkline series.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Data(new int[] { 1, 2 })
%>
Sets the type of the sparkline.
The Sparkline type.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Type(SparklineType.Area)
%>
Sets the per-point width of the sparkline.
The Sparkline per-point width.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.PointWidth(2)
%>
Configures the client-side events.
The client events configuration action.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Events(events => events
.OnLoad("onLoad")
)
%>
Sets the theme of the chart.
The Sparkline theme.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Theme("Telerik")
%>
Sets the preferred rendering engine.
If it is not supported by the browser, the Chart will switch to the first available mode.
The preferred rendering engine.
Sets the Chart area.
The Chart area.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.ChartArea(chartArea => chartArea.margin(20))
%>
Sets the Plot area.
The Plot area.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.PlotArea(plotArea => plotArea.margin(20))
%>
Defines the chart series.
The add action.
<%= Html.Kendo().Sparkline(Model)
.Name("Sparkline")
.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
%>
Defines the options for all chart series of the specified type.
The configurator.
<%= Html.Kendo().Sparkline(Model)
.Name("Sparkline")
.SeriesDefaults(series => series.Bar().Stack(true))
%>
Defines the options for all chart axes of the specified type.
The configurator.
<%= Html.Kendo().Sparkline(Model)
.Name("Sparkline")
.AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5))
%>
Configures the category axis
The configurator
<%= Html.Kendo().Sparkline(Model)
.Name("Sparkline")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
)
%>
Defines value axis options
The configurator
<%= Html.Kendo().Sparkline(Model)
.Name("Sparkline")
.ValueAxis(a => a.Numeric().TickSize(4))
%>
Data Source configuration
Use the configurator to set different data binding options.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Sparkline"));
})
%>
Enables or disables automatic binding.
Gets or sets a value indicating if the chart
should be data bound during initialization.
The default value is true.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Sparkline"));
})
.AutoBind(false)
%>
Sets the series colors.
A list of the series colors.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.SeriesColors(new string[] { "#f00", "#0f0", "#00f" })
%>
Sets the series colors.
The series colors.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.SeriesColors("#f00", "#0f0", "#00f")
%>
Use it to configure the data point tooltip.
Use the configurator to set data tooltip options.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Tooltip(tooltip =>
{
tooltip.Visible(true).Format("{0:C}");
})
%>
Sets the data point tooltip visibility.
A value indicating if the data point tooltip should be displayed.
The tooltip is not visible by default.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Tooltip(true)
%>
Enables or disabled animated transitions on initial load and refresh.
A value indicating if transition animations should be played.
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Transitions(false)
%>
Initializes a new instance of the class.
The Sparkline component.
Creates the chart top-level div.
Builds the Sparkline component markup.
Gets or sets the default series data
Gets or sets the default series type.
The default value is SparklineType.Line.
The default series type.
Gets or sets the width to allocate for each point.
The default value is 5.
The width to allocate for each point.
Sets the pane size.
The desired size. Only sizes in pixels and percentages are allowed.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().Size("220px");
})
%>
Sets the minimum pane size.
The desired minimum size. Only sizes in pixels and percentages are allowed.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().MinSize("220px");
})
%>
Sets the maximum pane size.
The desired maximum size. Only sizes in pixels and percentages are allowed.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().MaxSize("220px");
})
%>
Sets whether the pane shows a scrollbar when its content overflows.
Whether the pane will be scrollable.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().Scrollable(false);
})
%>
Sets whether the pane can be resized by the user.
Whether the pane will be resizable.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().Resizable(true);
})
%>
Sets whether the pane is initially collapsed.
Whether the pane will be initially collapsed.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().Collapsed(true);
})
%>
Sets whether the pane can be collapsed by the user.
Whether the pane can be collapsed by the user.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().Collapsible(true);
})
%>
Sets the HTML attributes applied to the outer HTML element rendered for the item
The attributes.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().HtmlAttributes(new { style = "background: red" });
})
%>
Sets the HTML attributes applied to the outer HTML element rendered for the item
The attributes.
Sets the HTML content of the pane.
The action which renders the HTML content.
<% Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add()
.Content(() => { >%
<p>Content</p>
%<});
})
.Render();
%>
Sets the HTML content of the pane.
The Razor template for the HTML content.
@(Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add()
.Content(@<p>Content</p>);
})
.Render();)
Sets the HTML content of the pane.
The HTML content.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add()
.Content("<p>Content</p>");
})
%>
Sets the Url which will be requested to return the pane content.
The route values of the Action method.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes => {
panes.Add()
.LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
})
%>
Sets the Url, which will be requested to return the pane content.
The action name.
The controller name.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes => {
panes.Add()
.LoadContentFrom("AjaxView_OpenSource", "Splitter");
})
%>
Sets the Url, which will be requested to return the content.
The action name.
The controller name.
Route values.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes => {
panes.Add()
.LoadContentFrom("AjaxView_OpenSource", "Splitter", new { id = 10 });
})
%>
Sets the Url, which will be requested to return the pane content.
The url.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes => {
panes.Add()
.LoadContentFrom(Url.Action("AjaxView_OpenSource", "Splitter"));
})
%>
Defines the fluent interface for configuring the .
Defines the fluent API for configuring the Kendo Splitter for ASP.NET MVC events
Defines the inline handler of the Resize client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.Resize(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Resize client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.Resize("onResize"))
%>
Defines the inline handler of the Expand client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.Expand(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Expand client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.Expand("onExpand"))
%>
Defines the inline handler of the Collapse client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.Collapse(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Collapse client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.Collapse("onCollapse"))
%>
Defines the inline handler of the ContentLoad client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.ContentLoad(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the ContentLoad client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events.ContentLoad("onContentLoad"))
%>
Specifies the orientation in which the splitter panes will be ordered
Panes are oredered horizontally
Panes are oredered vertically
Defines the fluent interface for configuring the component.
Sets the splitter orientation.
The desired orientation.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Orientation(SplitterOrientation.Vertical)
%>
Defines the panes in the splitter.
The action that configures the panes.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes => {
panes.Add().LoadContentFrom("Navigation", "Shared");
panes.Add().LoadContentFrom("Index", "Home");
})
%>
Configures the client events for the splitter.
The action that configures the client events.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Events(events => events
.OnLoad("onLoad")
)
%>
Url, which will be used as a destination for the Ajax request.
Specifies the size of the pane
Specifies the minimum size of the pane
Specifies the maximum size of the pane
Specifies whether the pane is initially collapsed
Specifies whether the pane can be collapsed by the user
Specifies whether the pane can be resized by the user
Specifies whether the pane shows a scrollbar when its content overflows
Specifies URL from which to load the pane content
Specifies HTML attributes for the pane
Specifies the pane contents
Initializes a new instance of the class.
The parent widget
Gets the navigator series.
Gets or sets a value indicating if the navigator is visible.
Gets or sets the navigator selection.
Gets or sets the navigator hint.
Gets or sets the view context to rendering a view.
The view context.
Gets or sets the URL generator.
The URL generator.
Gets the data source configuration.
Gets or sets a value indicating if the chart
should be data bound during initialization.
Gets or sets the date field.
The date field.
Configuration for the navigator category axes
Configuration for the navigator pane
Initializes a new instance of the class.
The lower boundary of the range.
The upper boundary of the range.
Defines the fluent interface for configuring .
Initializes a new instance of the class.
The navigator hint.
Sets the border color.
The border color (CSS format).
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav => nav
.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
.Hint(hint => hint
.Format("{0:d} | {1:d}")
)
)
%>
Sets the border opacity
The border opacity (CSS format).
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav => nav
.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
.Hint(hint => hint
.Template("From: #= from # To: #= to #")
)
)
%>
Sets the hint visibility.
The hint visibility.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav => nav
.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
.Hint(hint => hint
.Visible(false)
)
)
%>
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The stock chart navigator.
Sets the selection range
The selection range start.
The selection range end.
<%= Html.Kendo().StockChart(Model)
.Name("StockChart")
.Navigator(nav => nav.Select(DateTime.Today.AddMonths(-1), DateTime.Today))
%>
Defines the navigator series. At least one series should be configured.
The add action.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav =>
nav.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
)
%>
Sets the navigator visibility
The navigator visibility.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav => nav
.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
.Visible(false)
)
%>
Defines the navigator hint.
The add action.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav =>
nav.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
)
%>
Data Source configuration for the Navigator.
When configured, the Navigator will filter the main StockChart data source to the selected range.
Use the configurator to set different data binding options.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Navigator(navi => navi
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
})
)
%>
Sets the field used by the navigator date axes.
The date field.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(navi => navi
.DateField("Date")
)
%>
Enables or disables automatic binding.
Gets or sets a value indicating if the navigator
should be data bound during initialization.
The default value is true.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Navigator(navi => navi
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
})
.AutoBind(false)
)
%>
Configures the navigator category axis
The configurator
Configures the a navigator pane.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the field used by all date axes (including the navigator).
The date field.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.DateField("Date")
%>
Enables or disables automatic binding.
Gets or sets a value indicating if the chart
should be data bound during initialization.
The default value is true.
<%= Html.Kendo().StockChart()
.Name("Chart")
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
})
.AutoBind(false)
%>
Configures the stock chart navigator.
The navigator configuration action.
<%= Html.Kendo().StockChart(Model)
.Name("StockChart")
.Navigator(nav => nav
.Series(series =>
{
series.Line(s => s.Volume);
})
)
%>
Configures the client-side events.
The client events configuration action.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Events(events => events
.OnLoad("onLoad")
)
%>
Sets the theme of the chart.
The Chart theme.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Theme("Telerik")
%>
Sets the preferred rendering engine.
If it is not supported by the browser, the Chart will switch to the first available mode.
The preferred rendering engine.
Sets the Chart area.
The Chart area.
<%= Html.Kendo().StockChart()
.Name("Chart")
.ChartArea(chartArea => chartArea.margin(20))
%>
Sets the Plot area.
The Plot area.
<%= Html.Kendo().StockChart()
.Name("Chart")
.PlotArea(plotArea => plotArea.margin(20))
%>
Sets the title of the chart.
The Chart title.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Title("Yearly sales")
%>
Defines the title of the chart.
The configuration action.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Title(title => title.Text("Yearly sales"))
%>
Sets the legend visibility.
A value indicating whether to show the legend.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Legend(false)
%>
Configures the legend.
The configuration action.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Legend(legend => legend.Visible(true).Position(ChartLegendPosition.Bottom))
%>
Defines the chart series.
The add action.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Series(series =>
{
series.Bar(s => s.SalesAmount);
})
%>
Defines the options for all chart series of the specified type.
The configurator.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.SeriesDefaults(series => series.Bar().Stack(true))
%>
Defines the chart panes.
The add action.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.Panes(panes =>
{
panes.Add("volume");
})
%>
Defines the options for all chart axes of the specified type.
The configurator.
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5))
%>
Configures the category axis
The configurator
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.CategoryAxis(axis => axis
.Categories(s => s.DateString)
)
%>
Defines value axis options
The configurator
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.ValueAxis(a => a.Numeric().TickSize(4))
%>
Defines X-axis options for scatter charts
The configurator
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.XAxis(a => a.Numeric().Max(4))
%>
Configures Y-axis options for scatter charts.
The configurator
<%= Html.Kendo().StockChart(Model)
.Name("Chart")
.YAxis(a => a.Numeric().Max(4))
%>
Data Source configuration
Use the configurator to set different data binding options.
<%= Html.Kendo().StockChart()
.Name("Chart")
.DataSource(ds =>
{
ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
})
%>
Sets the series colors.
A list of the series colors.
<%= Html.Kendo().StockChart()
.Name("Chart")
.SeriesColors(new string[] { "#f00", "#0f0", "#00f" })
%>
Sets the series colors.
The series colors.
<%= Html.Kendo().StockChart()
.Name("Chart")
.SeriesColors("#f00", "#0f0", "#00f")
%>
Use it to configure the data point tooltip.
Use the configurator to set data tooltip options.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Tooltip(tooltip =>
{
tooltip.Visible(true).Format("{0:C}");
})
%>
Sets the data point tooltip visibility.
A value indicating if the data point tooltip should be displayed.
The tooltip is not visible by default.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Tooltip(true)
%>
Enables or disabled animated transitions on initial load and refresh.
A value indicating if transition animations should be played.
<%= Html.Kendo().StockChart()
.Name("Chart")
.Transitions(false)
%>
Initializes a new instance of the class.
Gets or sets the hint format.
The hint format.
Gets or sets the hint template.
The hint template.
Gets or sets a value indicating if the hint is visible
Gets or sets the stock chart navigator settings.
The Stock Chart navigator settings.
Gets or sets the date field.
The date field.
Executes the provided delegate for each item.
The instance.
The action to be applied.
index is out of range.
Initializes a new instance of the class.
The source.
Provides extension methods to process DataSourceRequest.
Sorts the elements of a sequence using the specified sort descriptors.
A sequence of values to sort.
The sort descriptors used for sorting.
An whose elements are sorted according to a .
Pages through the elements of a sequence until the specified
using .
A sequence of values to page.
Index of the page.
Size of the page.
An whose elements are at the specified .
Projects each element of a sequence into a new form.
An whose elements are the result of invoking a
projection selector on each element of .
A sequence of values to project.
A projection function to apply to each element.
Groups the elements of a sequence according to a specified key selector function.
An whose elements to group.
A function to extract the key for each element.
An with items,
whose elements contains a sequence of objects and a key.
Sorts the elements of a sequence in ascending order according to a key.
An whose elements are sorted according to a key.
A sequence of values to order.
A function to extract a key from an element.
Sorts the elements of a sequence in descending order according to a key.
An whose elements are sorted in descending order according to a key.
A sequence of values to order.
A function to extract a key from an element.
Calls
or depending on the .
The source.
The key selector.
The sort direction.
An whose elements are sorted according to a key.
Groups the elements of a sequence according to a specified .
An whose elements to group.
The group descriptors used for grouping.
An with items,
whose elements contains a sequence of objects and a key.
Calculates the results of given aggregates functions on a sequence of elements.
An whose elements will
be used for aggregate calculation.
The aggregate functions.
Collection of s calculated for each function.
Filters a sequence of values based on a predicate.
An that contains elements from the input sequence
that satisfy the condition specified by .
An to filter.
A function to test each element for a condition.
Filters a sequence of values based on a collection of .
The source.
The filter descriptors.
An that contains elements from the input sequence
that satisfy the conditions specified by each filter descriptor in .
Returns a specified number of contiguous elements from the start of a sequence.
An that contains the specified number
of elements from the start of .
The sequence to return elements from.
The number of elements to return.
is null.
Bypasses a specified number of elements in a sequence
and then returns the remaining elements.
An that contains elements that occur
after the specified index in the input sequence.
An to return elements from.
The number of elements to skip before returning the remaining elements.
is null.
Returns the number of elements in a sequence.
The number of elements in the input sequence.
The that contains the elements to be counted.
is null.
Returns the element at a specified index in a sequence.
The element at the specified position in .
An to return an element from.
The zero-based index of the element to retrieve.
is null.
is less than zero.
Initializes a new instance of the class.
The site maps.
Initializes a new instance of the class.
Called before an action result executes.
The filter context.
Called after an action result executes.
The filter context.
Gets or sets the default view data key.
The default view data key.
Gets or sets the name of the site map.
The name of the site map.
Gets or sets the view data key.
The view data key.
Gets or sets the site maps.
The site maps.
Initializes a new instance of the class.
Performs an implicit conversion from to .
The site map.
The result of the conversion.
Returns a new builder.
Resets this instance.
Gets or sets the default cache duration in minutes.
The default cache duration in minutes.
Gets or sets a value indicating whether [default compress].
true if [default compress]; otherwise, false.
Gets or sets a value indicating whether [default generate search engine map].
true if [default generate search engine map]; otherwise, false.
Gets or sets the root node.
The root node.
Gets or sets the cache duration in minutes.
The cache duration in minutes.
Gets or sets a value indicating whether this is compress.
true if compress; otherwise, false.
Gets or sets a value indicating whether [generate search engine map].
true if [generate search engine map]; otherwise, false.
Initializes a new instance of the class.
The site map.
Performs an implicit conversion from to .
The builder.
The result of the conversion.
Returns the internal sitemap.
Caches the duration in minutes.
The value.
Compresses the specified value.
if set to true [value].
Generates the search engine map.
if set to true [value].
Gets the root node.
The root node.
Registers the specified name.
The type of the site map.
The name.
The configure.
Adds an item to the .
The object to add to the .
The is read-only.
Adds an element with the provided key and value to the .
The object to use as the key of the element to add.
The object to use as the value of the element to add.
is null.
An element with the same key already exists in the .
The is read-only.
Removes all items from the .
The is read-only.
Determines whether the contains a specific value.
The object to locate in the .
true if is found in the ; otherwise, false.
Determines whether the contains an element with the specified key.
The key to locate in the .
true if the contains an element with the key; otherwise, false.
is null.
Copies the elements of the to an , starting at a particular index.
The one-dimensional that is the destination of the elements copied from . The must have zero-based indexing.
The zero-based index in at which copying begins.
is null.
is less than 0.
is multidimensional.
-or-
is equal to or greater than the length of .
-or-
The number of elements in the source is greater than the available space from to the end of the destination .
-or-
Type cannot be cast automatically to the type of the destination
Returns an enumerator that iterates through the collection.
A that can be used to iterate through the collection.
Removes the first occurrence of a specific object from the .
The object to remove from the .
true if was successfully removed from the ; otherwise, false. This method also returns false if is not found in the original .
The is read-only.
Removes the element with the specified key from the .
The key of the element to remove.
true if the element is successfully removed; otherwise, false. This method also returns false if was not found in the original .
is null.
The is read-only.
Gets the value associated with the specified key.
The key whose value to get.
When this method returns, the value associated with the specified key, if the key is found; otherwise, the default value for the type of the parameter. This parameter is passed uninitialized.
true if the object that implements contains an element with the specified key; otherwise, false.
is null.
Returns an enumerator that iterates through a collection.
An object that can be used to iterate through the collection.
Gets or sets the default site map factory.
The default site map factory.
Gets or sets the default site map.
The default site map.
Gets the number of elements contained in the .
The number of elements contained in the .
Gets a value indicating whether the is read-only.
true if the is read-only; otherwise, false.
Gets an containing the keys of the .
An containing the keys of the object that implements .
Gets an containing the values in the .
An containing the values in the object that implements .
Gets or sets the with the specified key.
Gets the site maps.
The site maps.
Initializes a new instance of the class.
Performs an implicit conversion from to .
The node.
The result of the conversion.
Gets or sets the title.
The title.
Gets or sets a value indicating whether this is visible.
true if visible; otherwise, false.
Gets or sets the last modified at.
The last modified at.
Gets or sets the name of the route.
The name of the route.
Gets or sets the name of the controller.
The name of the controller.
Gets or sets the name of the action.
The name of the action.
Gets or sets the route values.
The route values.
Gets or sets the URL.
The URL.
Gets or sets a value indicating whether [include in search engine index].
true if [include in search engine index]; otherwise, false.
Gets or sets the attributes.
The attributes.
Gets or sets the child nodes.
The child nodes.
Initializes a new instance of the class.
The site map node.
Performs an implicit conversion from to .
The builder.
The result of the conversion.
Returns the internal node.
Sets the title.
The value.
Sets the visibility.
if set to true [value].
Sets the Lasts the modified date..
The value.
Sets the route.
Name of the route.
The route values.
Sets the route.
Name of the route.
The route values.
Sets the route.
Name of the route.
Sets the action to which the date should navigate
The route values of the Action method.
Sets the action, controller and route values.
Name of the action.
Name of the controller.
The route values.
Sets the action, controller and route values.
Name of the action.
Name of the controller.
The route values.
Sets the action and controller.
Name of the action.
Name of the controller.
Expression based controllerAction.
The type of the controller.
The action.
Sets the url.
The value.
Marks an item that it would be included in the search engine index.
if set to true [value].
Sets the attributes
The value.
Sets the attributes
The value.
Executes the provided delegate to configure the child node.
The add actions.
Initializes a new instance of the class.
The parent.
Adds this instance.
Initializes a new instance of the class.
Loads from the default path.
Loads from the specified path.
The relative virtual path.
Gets or sets the default path.
The default path.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The component.
Specifies the culture info used by the Calendar widget.
<%= Html.Kendo().Calendar()
.Name("calendar")
.Culture("de-DE")
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Events(events =>
events.Select("onSelect")
)
%>
Sets the date format, which will be used to parse and format the machine date.
FooterId to be used for rendering the footer of the Calendar.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.FooterId("widgetFooterId")
%>
Footer template to be used for rendering the footer of the Calendar.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Footer("#= kendo.toString(data, "G") #")
%>
Enable/disable footer.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Footer(false)
%>
Specifies the navigation depth.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Depth(CalendarView.Month)
%>
Specifies the start view.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.Start(CalendarView.Month)
%>
MonthTemplateId to be used for rendering the cells of the Calendar.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.MonthTemplateId("widgetMonthTemplateId")
%>
Templates for the cells rendered in the "month" view.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.MonthTemplate("#= data.value #")
%>
Configures the content of cells of the Calendar.
<%= Html.Kendo().Calendar()
.Name("Calendar")
.MonthTemplate(month => month.Content("#= data.value #"))
%>
Sets the minimal date, which can be selected in the calendar.
Sets the maximal date, which can be selected in the calendar.
Sets the minimal date, which can be selected in the calendar
Sets the maximal date, which can be selected in the calendar
Sets the value of the calendar
Sets the value of the calendar
Configures the selection settings of the calendar.
SelectAction settings, which includes Action name and IEnumerable of DateTime objects.
Defines the fluent interface for configuring delete action command.
Initializes a new instance of the class.
The command.
Defines the fluent interface for configuring the edit action command.
Initializes a new instance of the class.
The command.
Sets the text displayed by the "update" button. If not set a default value is used.
The text which should be displayed
Sets the text displayed by the "cancel" button. If not set a default value is used.
The text which should be displayed
Defines the fluent interface for configuring the data key.
The type of the model
Initializes a new instance of the class.
The dataKey.
Sets the RouteKey.
The value.
Creates data key for the .
The type of the data item
Initializes a new instance of the class.
dataKeys
Defines a data key.
Child items collection.
Defines the fluent interface for configuring the component.
Sets the initial value of the NumericTextBox.
Sets the step, used ti increment/decrement the value of the textbox.
Sets the minimal possible value allowed to the user.
Sets the maximal possible value allowed to the user.
Sets the text which will be displayed if the textbox is empty.
Enables or disables the spin buttons.
Configures the client-side events.
The client events action.
<%= Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Events(events =>
events.OnLoad("onLoad").OnChange("onChange")
)
%>
Enables or disables the textbox.
Stes the format of the NumericTextBox.
<%= Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Format("c3")
%>
Specifies the culture info used by the NumericTextBox widget.
<%= Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Culture("de-DE")
%>
Specifies the number precision. If not set precision defined by current culture is used.
<%= Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Decimals(3)
%>
Sets the title of the NumericTextBox increase button.
Sets the title of the NumericTextBox decrease button.
Defines the fluent interface for configuring the NumericTextBox events.
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Events(events => events.Change("change"))
)
Defines the inline handler of the Spin client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Events(events => events.Spin(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Spin client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
.Events(events => events.Spin("spin"))
)
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Sets the value of the timepicker input
Sets the minimum time, which can be selected in timepicker
Sets the minimum time, which can be selected in timepicker
Sets the maximum time, which can be selected in timepicker
Sets the maximum time, which can be selected in timepicker
Sets the interval between hours.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The component.
The value of the TimezoneEditor. Must be valid recurrence rule.
The value
@(Html.Kendo().TimezoneEditor()
.Name("timezoneEditor")
.Value("Etc/UTC")
)
Sets the events configuration of the scheduler.
The lambda which configures the timezoneEditor events
<%= Html.Kendo().TimezoneEditor()
.Name("TimezoneEditor")
.Events(events =>
events.Change("change")
)
%>
The fluent API for subscribing to Kendo UI TimezoneEditor events.
Initializes a new instance of the class.
The events.
Defines the inline handler of the change event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().TimezoneEditor()
.Name("TimezoneEditor")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the change event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().TimezoneEditor()
.Name("TimezoneEditor")
.Events(events => events.Change("change"))
)
Defines the fluent interface for configuring tooltip client events.
Defines the inline handler of the Show client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.Show(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Show client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.Show("show"))
)
Defines the inline handler of the Hide client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.Hide(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Hide client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.Hide("hide"))
)
Defines the inline handler of the ContentLoad client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.ContentLoad(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the ContentLoad client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.ContentLoad("contentLoad"))
)
Defines the inline handler of the Error client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.Error(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Error client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.Error("error"))
)
Defines the inline handler of the RequestStart client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.RequestStart(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the RequestStart client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Tooltip()
.For("#element")
.Events(events => events.RequestStart("requestStart"))
)
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
The selector which to match the DOM element to which the Tooltip widget will be instantiated
jQuery selector
The selector which to match target child elements for which the Tooltip will be shown
jQuery selector
The position (relative to the target) at which the Tooltip will be shown
The position
The inverval in milliseconds, after which the Tooltip will be shown
Determines if callout should be visible
Determines if tooltip should be automatically hidden, or a close button should be present
Sets the Url, which will be requested to return the content.
The route values of the Action method.
<%= Html.Kendo().Tooltip()
.For("#element")
.LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
%>
Sets the Url, which will be requested to return the content.
The action name.
The controller name.
<%= Html.Kendo().Tooltip()
.For("#element")
.LoadContentFrom("AjaxView_OpenSource", "Tooltip")
%>
Sets the Url, which will be requested to return the content.
The action name.
The controller name.
Route values.
<%= Html.Kendo().Tooltip()
.For("#element")
.LoadContentFrom("AjaxView_OpenSource", "Tooltip", new { id = 10})
%>
Sets the Url, which will be requested to return the content.
The url.
<%= Html.Kendo().Tooltip()
.For("#element")
.LoadContentFrom(Url.Action("AjaxView_OpenSource", "Tooltip"))
%>
Sets the HTML content which the tooltip should display as a string.
The action which renders the content.
<%= Html.Kendo().Tooltip()
.For("#element")
.Content("<strong> First Item Content</strong>")
%>
Sets the id of kendo template which will be used as tooltip content.
The id of the template
<%= Html.Kendo().Tooltip()
.For("#element")
.Content("template")
%>
Sets JavaScript function which to return the content for the tooltip.
Sets JavaScript function which to return the content for the tooltip.
JavaScript function name
Configures the animation effects of the window.
Whether the component animation is enabled.
<%= Html.Kendo().Tooltip()
.For("#element")
.Animation(false)
Configures the animation effects of the panelbar.
The action that configures the animation.
<%= Html.Kendo().Tooltip()
.For("#element")
.Animation(animation => animation.Expand)
Sets the width of the tooltip.
Sets the height of the tooltip.
Suppress initialization script rendering. Note that this options should be used in conjunction with
Returns the internal view component.
Renders the component.
Represents the tooltip position
Bottom position
Top position
Left position
Right position
Center position
Defines the fluent interface for configuring child TreeView items.
Initializes a new instance of the class.
The checkbox settings.
Enable/disable rendering of checkboxes in the treeview.
Whether checkboxes should be rendered.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Checkboxes(config => config
.Enabled(true)
)
%>
Enable/disable checking of child checkboxes in the treeview.
Whether checking of parent checkboxes should check child checkboxes.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Checkboxes(config => config
.CheckChildren(true)
)
%>
Client-side template to be used for rendering the items in the treeview.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Checkboxes(config => config
.Template("#= data #")
)
%>
Id of the element that holds the client-side template to be used for rendering the items in the treeview.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Checkboxes(config => config
.TemplateId("widgetTemplateId")
)
%>
The name attribute of the checkbox fields. This will correlate to the name of the action method parameter that the nodes are posted to.
The string that will be used in the name attribute.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Checkboxes(config => config
.Name("checkedNodes")
)
%>
Defines the fluent interface for building
Initializes a new instance of the class.
The settings.
Enables or disables binding.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select("Index", "Home").Enabled((bool)ViewData["ajax"]);
})
%>
The Enabled method is useful when you need to enable binding based on certain conditions.
Sets the action, controller and route values
The route values of the Action method.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select(MVC.Home.Index(1).GetRouteValueDictionary());
})
%>
Sets the action, controller and route values for the select operation
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select("Index", "Home", new RouteValueDictionary{ {"id", 1} });
})
%>
Sets the action, controller and route values for the select operation
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select("Index", "Home", new { {"id", 1} });
})
%>
Sets the action, controller and route values for the select operation
Name of the action.
Name of the controller.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select("Index", "Home");
})
%>
Sets the route and values for the select operation
Name of the route.
The route values.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select("Default", "Home", new RouteValueDictionary{ {"id", 1} });
})
%>
Sets the route and values for the select operation
Name of the route.
The route values.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select("Default", new {id=1});
})
%>
Sets the route name for the select operation
Name of the route.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataBinding(dataBinding =>
{
dataBinding.Ajax().Select("Default");
})
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Controls whether to bind the widget to the DataSource on initialization.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.AutoBind(false)
%>
Template to be used for rendering the item checkboxes in the treeview.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.CheckboxTemplate("#= data #")
%>
Id of the template element to be used for rendering the item checkboxes in the treeview.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.CheckboxTemplateId("widgetTemplateId")
%>
Template to be used for rendering the items in the treeview.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Template("#= data #")
%>
Id of the template element to be used for rendering the items in the treeview.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.TemplateId("widgetTemplateId")
%>
Enable/disable rendering of checkboxes in the treeview.
Whether checkboxes should be rendered.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Checkboxes(true)
%>
Configures rendering of checkboxes in the treeview.
Builder of the treeview checkboxes configuration.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Checkboxes(config => config
.CheckChildren(true)
)
%>
Defines the items in the TreeView
The add action.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events =>
.OnDataBinding("onDataBinding")
.OnItemDataBound("onItemDataBound")
)
%>
Binds the TreeView to a sitemap
The view data key.
The action to configure the item.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.BindTo("examples", (item, siteMapNode) =>
{
})
%>
Binds the TreeView to a sitemap.
The view data key.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.BindTo("examples")
%>
Binds the TreeView to a list of items.
Use if a hierarchy of items is being sent from the controller; to bind the TreeView declaratively, use the Items() method.
The list of items
<%= Html.Kendo().TreeView()
.Name("TreeView")
.BindTo(model)
%>
Binds the TreeView to a list of objects. The TreeView will be "flat" which means a TreeView item will be created for
every item in the data source.
The type of the data item
The data source.
The action executed for every data bound item.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.BindTo(new []{"First", "Second"}, (item, value) =>
{
item.Text = value;
})
%>
Binds the TreeView to a list of objects. The TreeView will create a hierarchy of items using the specified mappings.
The type of the data item
The data source.
The action which will configure the mappings
<%= 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
)
)
%>
Callback for each item.
Action, which will be executed for each item.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.ItemAction(item =>
{
item
.Text(...)
.HtmlAttributes(...);
})
%>
Select item depending on the current URL.
If true the item will be highlighted.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.HighlightPath(true)
%>
Use to enable or disable animation of the TreeView.
The boolean value.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Animation(false) //toggle effect
%>
Configures the animation effects of the widget.
The action which configures the animation effects.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Animation(animation =>
{
animation.Expand(open =>
{
open.SlideIn(SlideDirection.Down);
});
})
%>
Expand all the items.
If true all the items will be expanded.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.ExpandAll(true)
%>
Enables drag & drop between treeview nodes.
If true, drag & drop is enabled.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.DragAndDrop(true)
%>
Enable/disable security trimming functionality of the component.
If true security trimming is enabled.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.SecurityTrimming(false)
%>
Defines the security trimming functionality of the component
The securityTrimming action.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.SecurityTrimming(builder =>
{
builder.Enabled(true).HideParent(true);
})
%>
Sets the name of the field that will supply the item text.
The field name.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataTextField("Name")
%>
Sets the name of the field that will supply the item URL.
The field name.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataUrlField("LinksTo")
%>
Sets the name of the field that will supply the CSS class for the item sprite image.
The field name.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataSpriteCssClassField("IconSprite")
%>
Sets the name of the field that will supply the URL for the item image.
The field name.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataImageUrlField("ImageURL")
%>
Configure the DataSource of the component
The action that configures the .
<%= Html.Kendo().TreeView()
.Name("TreeView")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("Employees", "TreeView")
)
)
%>
Allows the treeview to fetch the entire datasource at initialization time.
Whether the datasource should be loaded on demand.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.LoadOnDemand(false)
%>
Defines the fluent API for configuring the events of the Kendo TreeView for ASP.NET MVC
Defines the inline handler of the collapse client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Collapse(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the collapse client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Collapse("onExpand"))
%>
Defines the inline handler of the dataBound client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.DataBound(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the dataBound client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.DataBound("onExpand"))
%>
Defines the inline handler of the drag client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Drag(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the drag client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Drag("onExpand"))
%>
Defines the inline handler of the dragend client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.DragEnd(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the dragend client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.DragEnd("onExpand"))
%>
Defines the inline handler of the dragstart client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.DragStart(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the dragstart client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.DragStart("onExpand"))
%>
Defines the inline handler of the drop client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Drop(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the drop client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Drop("onExpand"))
%>
Defines the inline handler of the expand client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Expand(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the expand client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Expand("onExpand"))
%>
Defines the inline handler of the select client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Select(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the select client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Select("onExpand"))
%>
Defines the inline handler of the change client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Change(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the change client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Change("onChange"))
%>
Defines the fluent interface for configuring child TreeView items.
Defines the fluent interface for configuring navigation items
The type of the item.
The type of the builder.
Initializes a new instance of the class.
The item.
Returns the inner navigation item
Sets the HTML attributes applied to the outer HTML element rendered for the item
The attributes.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Attributes(new {@class="first-item"}))
%>
Sets the HTML attributes applied to the outer HTML element rendered for the item
The attributes.
Sets the text displayed by the item.
The value.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item"))
%>
Makes the item visible or not. Invisible items are not rendered in the output HTML.
Sets the text displayed by the item.
The value.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item").Visible((bool)ViewData["visible"]))
%>
Enables or disables the item. Disabled item cannot be clicked, expanded or open (depending on the item type - menu, tabstrip, panelbar).
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item").Enabled((bool)ViewData["enabled"]))
%>
Selects or unselects the item. By default items are not selected.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item").Selected(true))
%>
Sets the route to which the item should navigate.
Name of the route.
The route values.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item").Route("Default", new RouteValueDictionary{{"id", 1}}))
%>
Sets the route to which the item should navigate.
Name of the route.
The route values.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item").Route("Default", new {id, 1}))
%>
Sets the route to which the item should navigate.
Name of the route.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item").Route("Default"))
%>
Sets the action to which the item should navigate
The route values of the Action method.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("Index").Action(MVC.Home.Index(3).GetRouteValueDictionary()))
%>
Sets the action to which the item should navigate
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("Index").Action("Index", "Home", new RouteValueDictionary{{"id", 1}}))
%>
Sets the action to which the item should navigate
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("Index").Action("Index", "Home", new {id, 1}))
%>
Sets the action to which the item should navigate
Name of the action.
Name of the controller.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("Index").Action("Index", "Home"))
%>
Sets the URL to which the item should navigate
The value.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("www.example.com").Url("http://www.example.com"))
%>
Sets the URL of the image that should be displayed by the item.
The value.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("First Item").ImageUrl("~/Content/first.png"))
%>
Sets the HTML attributes for the item image.
The attributes.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items
.Add().Text("First Item")
.ImageUrl("~/Content/first.png")
.ImageHtmlAttributes(new {@class="first-item-image"}))
%>
Sets the HTML attributes for the item image.
The attributes.
Sets the sprite CSS class names.
The CSS classes.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items
.Add().Text("First Item")
.SpriteCssClasses("icon", "first-item"))
%>
Sets the HTML content which the item should display.
The action which renders the content.
<% Html.Kendo().Menu()
.Name("Menu")
.Items(items => items
.Add()
.Text("First Item")
.Content(() =>
{
%>
<strong> First Item Content</strong>
<%
}))
.Render();
%>
Sets the HTML content which the item should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().Menu()
.Name("Menu")
.Items(items => items
.Add()
.Text("First Item")
.Content(
@<text>
Some text
<strong> First Item Content</strong>
</text>
);
)
)
Sets the HTML content which the item should display as a string.
The action which renders the content.
<% Html.Kendo().Menu()
.Name("Menu")
.Items(items => items
.Add()
.Text("First Item")
.Content("<strong> First Item Content</strong>");
)
.Render();
%>
Sets the HTML attributes of the content element of the item.
The attributes.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items
.Add().Text("First Item")
.Content(() => { %> <strong>First Item Content</strong> <% })
.ContentHtmlAttributes(new {@class="first-item-content"})
)
%>
Sets the HTML attributes of the content element of the item.
The attributes.
Makes the item navigate to the specified controllerAction method.
The type of the controller.
The action.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items
.Add().Text("First Item")
.Action<HomeController>(controller => controller.Index()))
%>
Sets whether the Text property should be encoded when the item is rendered.
Whether the property should be encoded. Default: true.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => items.Add().Text("<strong>First Item</strong>").Encoded(false))
%>
Initializes a new instance of the class.
The item.
Configures the child items of a .
The add action.
<%= 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");
});
})
%>
Sets the id of the item.
The id.
<%= Html.Telerik().TreeView()
.Name("TreeView")
.Items(items => items.Add().Id("42"))
%>
Define when the item will be expanded on intial render.
If true the item will be expanded.
<%= 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);
})
%>
Specify whether the item should be initially checked.
If true, the item will be checked.
<%= Html.Telerik().TreeView()
.Name("TreeView")
.Checkboxes(true)
.Items(items =>
{
items.Add().Text("Item").Checked(true);
})
%>
Sets the expand mode of the treeview item.
If true then item will be loaded on demand from client side, if the treeview DataSource is properly configured.
<%= 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);
})
%>
Creates items for the .
Initializes a new instance of the class.
The settings.
Defines a item.
Used for serializing objects.
Gets the items of the treeview.
Gets or sets the item action.
Gets or sets the effects.
Gets or sets a value indicating whether all the item is expanded.
true if expand all is enabled; otherwise, false. The default value is false
Represents an item from Kendo TreeView for ASP.NET MVC
The HtmlAttributes which will be added to the wrapper of the content.
The action which will output the content.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Specifies a template used to populate aria-label attribute.
The string template.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.ARIATemplate("Date: #=kendo.toString(data.current, 'd')#")
%>
FooterId to be used for rendering the footer of the Calendar.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.FooterId("widgetFooterId")
%>
Footer template to be used for rendering the footer of the Calendar.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Footer("#= kendo.toString(data, "G") #")
%>
Enables/disables footer of the calendar popup.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Footer(false)
%>
Specifies the navigation depth.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Depth(CalendarView.Month)
%>
Specifies the start view.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.Start(CalendarView.Month)
%>
MonthTemplateId to be used for rendering the cells of the Calendar.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.MonthTemplateId("widgetMonthTemplateId")
%>
Templates for the cells rendered in the "month" view.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.MonthTemplate("#= data.value #")
%>
Configures the content of cells of the Calendar.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.MonthTemplate(month => month.Content("#= data.value #"))
%>
Sets the minimal date, which can be selected in DatePicker.
Sets the maximal date, which can be selected in DatePicker.
Sets the Url, which will be requested to return the content.
The route values of the Action method.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Items(parent => {
parent.Add()
.LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
})
%>
Sets the Url, which will be requested to return the content.
The action name.
The controller name.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Items(parent => {
parent.Add()
.Text("Completely Open Source")
.LoadContentFrom("AjaxView_OpenSource", "PanelBar");
})
%>
Sets the Url, which will be requested to return the content.
The action name.
The controller name.
Route values.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Items(parent => {
parent.Add()
.Text("Completely Open Source")
.LoadContentFrom("AjaxView_OpenSource", "PanelBar", new { id = 10});
})
%>
Sets the Url, which will be requested to return the content.
The url.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Items(parent => {
parent.Add()
.Text("Completely Open Source")
.LoadContentFrom(Url.Action("AjaxView_OpenSource", "PanelBar"));
})
%>
Defines the fluent interface for configuring bound columns
The type of the data item
Initializes a new instance of the class.
The column.
Gets or sets the format for displaying the data.
The value.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderDate).Format("{0:dd/MM/yyyy}"))
%>
Provides additional view data in the editor template for that column (if any).
The additional view data will be provided if the editing mode is set to in-line or in-cell. Otherwise
use
An anonymous object which contains the additional data
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => {
columns.Bound(o => o.Customer).EditorViewData(new { customers = Model.Customers });
})
%>
Specify which editor template should be used for the column
name of the editor template
Enables or disables sorting the column. All bound columns are sortable by default.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderDate).Sortable(false))
%>
Enables or disables grouping by that column. All bound columns are groupable by default.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderDate).Groupable(false))
%>
Enables or disables filtering the column. All bound columns are filterable by default.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderDate).Filterable(false))
%>
Enables or disables HTML encoding the data of the column. All bound columns are encoded by default.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderDate).Encoded(false))
%>
Sets the template for the column.
The action defining the template.
<% 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();
%>
Sets the template for the column.
The action defining the template.
Sets the client template for the column.
The template
Sets the client group template for the column.
The template
Sets the client group footer template for the column.
The template
Sets the footer template for the column.
The action defining the template.
Sets the footer template for the column.
The action defining the template.
Sets the group footer template for the column.
The action defining the template.
Sets the group footer template for the column.
The action defining the template.
Sets the group footer template for the column.
The action defining the template.
Sets the group footer template for the column.
The action defining the template.
Defines the fluent API for configuring the Kendo Grid for ASP.NET MVC events.
Defines the name of the JavaScript function that will handle the the Change client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Change client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Change("gridChange"))
)
Defines the name of the JavaScript function that will handle the the Cancel client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Cancel(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Cancel client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Cancel("gridCancel"))
)
Defines the name of the JavaScript function that will handle the the Edit client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Edit(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Edit client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Edit("gridEdit"))
)
Defines the name of the JavaScript function that will handle the the Save client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Save(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Save client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Save("gridSave"))
)
Defines the name of the JavaScript function that will handle the the SaveChanges client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.SaveChanges(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the SaveChanges client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.SaveChanges("gridSaveChanges"))
)
Defines the name of the JavaScript function that will handle the the DetailExpand client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DetailExpand(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DetailExpand client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DetailExpand("gridDetailExpand"))
)
Defines the name of the JavaScript function that will handle the the DetailInit client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DetailInit(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DetailInit client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DetailInit("gridDetailInit"))
)
Defines the name of the JavaScript function that will handle the the DetailCollapse client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DetailCollapse(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DetailCollapse client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DetailCollapse("gridDetailCollapse"))
)
Defines the name of the JavaScript function that will handle the the Remove client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Remove(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Remove client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.Remove("gridRemove"))
)
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DataBound(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DataBound("gridDataBound"))
)
Defines the name of the JavaScript function that will handle the the DataBinding client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DataBinding(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the DataBinding client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.DataBinding("gridDataBinding"))
)
Defines the name of the JavaScript function that will handle the the ColumnResize client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnResize(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the ColumnResize client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnResize("gridColumnResize"))
)
Defines the name of the JavaScript function that will handle the the ColumnReorder client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnReorder(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the ColumnReorder client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnReorder("gridColumnReorder"))
)
Defines the name of the JavaScript function that will handle the the ColumnHide client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnHide(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the ColumnHide client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnHide("gridColumnHide"))
)
Defines the name of the JavaScript function that will handle the the ColumnShow client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnShow(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the ColumnShow client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnShow("gridColumnShow"))
)
Defines the name of the JavaScript function that will handle the ColumnMenuInit client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnMenuInit(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the ColumnMenuInit client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnMenuInit("gridColumnMenuInit"))
)
Defines the name of the JavaScript function that will handle the FilterMenuInit client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.FilterMenuInit(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the FilterMenuInit client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.FilterMenuInit("gridFilterMenuInit"))
)
Represents a cell from Kendo Grid for ASP.NET MVC
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The column.
Creates command for the .
The type of the data item
Initializes a new instance of the class.
The column.
Defines a edit command.
Defines a delete command.
Defines a select command.
Defines a custom command.
Defines the fluent interface for configuring .
Represents a row from Kendo Grid for ASP.NET MVC
Defines the fluent interface for configuring
Initializes a new instance of the class.
The settings.
Enables or disables scrolling.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Scrollable(s => s.Enabled((bool)ViewData["enableScrolling"]))
%>
The Enabled method is useful when you need to enable scrolling based on certain conditions.
Sets the height of the scrollable area in pixels.
The height in pixels.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Scrollable(s => s.Height(400))
%>
Sets the height of the scrollable.
The height in pixels.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Scrollable(s => s.Height("20em")) // use "auto" to remove the default height and make the Grid expand automatically
%>
Defines the fluent interface for configuring
Enables or disables selection.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Selectable(selection => selection.Enabled((bool)ViewData["enableSelection"]))
%>
The Enabled method is useful when you need to enable scrolling based on certain conditions.
Specifies whether multiple or single selection is allowed.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Selectable(selection => selection.Mode((bool)ViewData["selectionMode"]))
%>
The Mode method is useful to switch between different selection modes.
Specifies whether row or cell selection is allowed.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Selectable(selection => selection.Type((bool)ViewData["selectionType"]))
%>
The Type method is useful to switch between different selection types.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The settings.
Enables or disables sorting.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Sorting(sorting => sorting.Enabled((bool)ViewData["enableSorting"]))
%>
The Enabled method is useful when you need to enable sorting based on certain conditions.
Sets the sort mode of the grid.
The value.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Sorting(sorting => sorting.SortMode(GridSortMode.MultipleColumns))
%>
Enables or disables unsorted mode.
The value.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Sorting(sorting => sorting.AllowUnsort(true))
%>
Specifies the animation duration of item.
Fast animation, duration is set to 200.
Normal animation, duration is set to 400.
Slow animation, duration is set to 600.
Defines the sort modes supported by Kendo UI Grid for ASP.NET MVC
The user can sort only by one column at the same time.
The user can sort by more than one column at the same time.
The server side wrapper for Kendo UI Grid
Gets the selection configuration
Gets the template which the grid will use to render a row
Gets the filtering configuration.
Gets the column menu configuration.
Gets the scrolling configuration.
Gets the keyboard navigation configuration.
Gets or sets a value indicating whether custom binding is enabled.
true if custom binding is enabled; otherwise, false. The default value is false
Gets the paging configuration.
Gets the columns of the grid.
Gets the page size of the grid.
Gets the sorting configuration.
The sorting.
Gets or sets a value indicating whether to add the property of the grid as a prefix in url parameters.
true if prefixing is enabled; otherwise, false. The default value is true
Gets or sets the action executed when rendering a row.
Gets or sets the action executed when rendering a cell.
The fluent API for configuring Kendo UI Grid for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Sets the data source configuration of the grid.
The lambda which configures the data source
@(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"))
)
%>
Sets the server-side detail template of the grid in ASPX views.
The template as a code block
<%@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();
%>
Sets the server-side detail template of the grid in Razor views.
The template
@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>)
)
Sets the id of the script element which contains the client-side detail template of the grid.
The id
@(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>
Sets the server-side row template of the grid in ASPX views.
The template as a code block
<%@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>
<%
})
%>
Sets the server-side row template of the grid in ASPX views.
The template as a code block
<%@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>
<%
})
%>
Sets the server-side row template of the grid in Razor views.
The template
@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>)
)
Sets the server-side row template of the grid in Razor views.
The template
@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>)
)
Sets the client-side row template of the grid. The client-side row template must contain a table row element (tr).
The template
@(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>"
)
%>
Sets the client-side alt row template of the grid. The client-side alt row template must contain a table row element (tr).
The template
@(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>"
)
%>
Sets the client-side row template of the grid. The client-side row template must contain a table row element (tr).
The template
@(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>"
)
%>
If set to false the widget will not bind to the data source during initialization; the default value is true.
Setting AutoBind to false is supported in ajax-bound mode.
If true the grid will be automatically data bound, otherwise false
@(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"))
)
%>
Sets the resizing configuration of the grid.
The lambda which configures the resizing
@(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))
%>
Sets the width of the column resize handle. Apply a larger value for easier grasping.
width in pixels
@(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)
%>
Sets the reordering configuration of the grid.
The lambda which configures the reordering
@(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))
%>
Sets the editing configuration of the grid.
The lambda which configures the editing
@(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))
%>
Enables grid editing.
@(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()
%>
Sets the toolbar configuration of the grid.
The lambda which configures the toolbar
@(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())
%>
Binds the grid to a list of objects
The data source.
<%@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)
)
Binds the grid to a list of objects
The data source.
<%@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)
)
Sets a lambda which is executed for every table row rendered server-side by the grid.
The lambda which will be executed for every table row
<%@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;";
}
});
)
Sets a lambda which is executed for every table cell rendered server-side by the grid.
The lambda which will be executed for every table cell
<%@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;";
}
}
})
)
If set to true the grid will perform custom binding.
If true enables custom binding.
@(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"))
)
%>
Sets the column configuration of the grid.
The lambda which configures columns
<%: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"))
)
)
Enables grid column sorting.
<%: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"))
)
)
Sets the sorting configuration of the grid.
The lambda which configures the sorting
<%: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"))
)
)
Enables grid row selection.
<%: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"))
)
)
Sets the selection configuration of the grid.
The lambda which configures the selection
<%: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"))
)
)
If set to true the grid will prefix the query string parameters with its name during server binding.
By default the grid will prefix the query string parameters.
<%@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)
)
Enables grid paging.
<%: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"))
)
)
Sets the paging configuration of the grid.
The lambda which configures the paging
<%: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"))
)
)
Enables grid filtering.
<%: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"))
)
)
Sets the filtering configuration of the grid.
The lambda which configures the filtering
<%: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"))
)
)
Enables the grid column menu.
<%: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()
)
Sets the column menu configuration of the grid.
The lambda which configures the column menu
<%: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))
)
Enables grid scrolling.
<%: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"))
)
)
Sets the scrolling configuration of the grid.
The lambda which configures the scrolling
<%: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"))
)
)
Enables grid keyboard navigation.
<%: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"))
)
)
Sets the keyboard navigation configuration of the grid.
The lambda which configures the keyboard navigation
<%: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"))
)
)
Sets the event configuration of the grid.
The lambda which configures the events
<%: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>
Sets the grouping configuration of the grid.
The lambda which configures the grouping
<%: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"))
)
)
Enables grid grouping.
<%: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"))
)
)
Enables the adaptive rendering when viewed on mobile browser
Used to determine if adaptive rendering should be used when viewed on mobile browser
Currently the Grid widget doesn't distinguish between phone and tablet option.
Creates columns for the .
The type of the data item to which the grid is bound to
Initializes a new instance of the class.
The container.
Defines a bound column.
Defines a bound column.
Defines a bound column.
Defines a foreign key column.
Member type
The member which matches the selected item
The foreign data
The data value field
The data text field
Defines a foreign key column.
Member type
The member which matches the selected item
The foreign data
Determines if columns should be automatically generated.
If true columns should be generated, otherwise false.
Determines if columns should be automatically generated.
Action which will be executed for each generated column.
Defines a template column.
Defines a command column.
Defines the fluent interface for configuring
Initializes a new instance of the class.
The pager.
Sets the page sizes of the grid.
The values shown in the pageSize dropdown
Sets the page sizes of the grid.
A value indicating whether to enable the page sizes dropdown
Sets the number of buttons displayed in the numeric pager. Default is 10.
The value
Enables or disables paging.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Pageable(paging => paging.Enabled((bool)ViewData["enablePaging"]))
%>
The Enabled method is useful when you need to enable paging based on certain conditions.
Initializes a new instance of the class.
The parent.
Adds an item to the .
The object to add to the .
The is read-only.
Removes all items from the .
The is read-only.
Determines whether the contains a specific value.
The object to locate in the .
true if is found in the ; otherwise, false.
Copies the elements of the to an , starting at a particular index.
The one-dimensional that is the destination of the elements copied from . The must have zero-based indexing.
The zero-based index in at which copying begins.
is null.
is less than 0.
is multidimensional.
-or-
is equal to or greater than the length of .
-or-
The number of elements in the source is greater than the available space from to the end of the destination .
-or-
Type cannot be cast automatically to the type of the destination .
Returns an enumerator that iterates through the collection.
A that can be used to iterate through the collection.
Determines the index of a specific item in the .
The object to locate in the .
The index of if found in the list; otherwise, -1.
Inserts an item to the at the specified index.
The zero-based index at which should be inserted.
The object to insert into the .
is not a valid index in the .
The is read-only.
Removes the first occurrence of a specific object from the .
The object to remove from the .
true if was successfully removed from the ; otherwise, false. This method also returns false if is not found in the original .
The is read-only.
Removes the item at the specified index.
The zero-based index of the item to remove.
is not a valid index in the .
The is read-only.
Gets or sets the T object that is the parent of the current node.
The parent.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Defines the items in the menu
The add action.
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().Menu()
.Name("Menu")
.Events(events =>
events.Open("onOpen").OnClose("onClose")
)
%>
Specifies Menu opening direction.
The desired direction.
<%= Html.Kendo().Menu()
.Name("Menu")
.Direction(MenuDirection.Left)
%>
Specifies Menu opening direction.
The desired direction.
<%= Html.Kendo().Menu()
.Name("Menu")
.Direction("top")
%>
Sets the menu orientation.
The desired orientation.
<%= Html.Kendo().Menu()
.Name("Menu")
.Orientation(MenuOrientation.Vertical)
%>
Enables or disables the "open-on-click" feature.
<%= Html.Kendo().Menu()
.Name("Menu")
.OpenOnClick(true)
%>
Specifies that sub menus should close after item selection (provided they won't navigate).
<%= Html.Kendo().Menu()
.Name("Menu")
.CloseOnClick(false)
%>
Specifies the delay in ms before the menu is opened/closed - used to avoid accidental closure on leaving.
<%= Html.Kendo().Menu()
.Name("Menu")
.HoverDelay(300)
%>
Binds the menu to a sitemap
The view data key.
The action to configure the item.
<%= Html.Kendo().Menu()
.Name("Menu")
.BindTo("examples", (item, siteMapNode) =>
{
})
%>
Binds the menu to a sitemap.
The view data key.
<%= Html.Kendo().Menu()
.Name("Menu")
.BindTo("examples")
%>
Binds the menu to a list of objects. The menu will be "flat" which means a menu item will be created for
every item in the data source.
The type of the data item
The data source.
The action executed for every data bound item.
<%= Html.Kendo().Menu()
.Name("Menu")
.BindTo(new []{"First", "Second"}, (item, value) =>
{
item.Text = value;
})
%>
Binds the menu to a list of objects. The menu will create a hierarchy of items using the specified mappings.
The type of the data item
The data source.
The action which will configure the mappings
<%= 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
)
)
%>
Callback for each item.
Action, which will be executed for each item.
<%= Html.Kendo().Menu()
.Name("Menu")
.ItemAction(item =>
{
item
.Text(...)
.HtmlAttributes(...);
})
%>
Select item depending on the current URL.
If true the item will be highlighted.
<%= Html.Kendo().Menu()
.Name("Menu")
.HighlightPath(true)
%>
Enable/disable security trimming functionality of the component.
If true security trimming is enabled.
<%= Html.Kendo().Menu()
.Name("Menu")
.SecurityTrimming(false)
%>
Defines the security trimming functionality of the component
The securityTrimming action.
<%= Html.Kendo().Menu()
.Name("Menu")
.SecurityTrimming(builder =>
{
builder.Enabled(true).HideParent(true);
})
%>
Represents an item from Kendo Menu for ASP.NET MVC
Defines the fluent interface for configuring child menu items.
Initializes a new instance of the class.
The item.
Configures the child items of a .
The add action.
<%= 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");
});
})
%>
Defines the fluent API for adding items to Kendo Menu for ASP.NET MVC
Specifies the orientation in which the menu items will be ordered
Items are oredered horizontally
Items are oredered vertically
Defines the fluent interface for configuring the Menu events.
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Open(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Open("onOpen"))
%>
Defines the inline handler of the Close client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Close(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Close("onClose"))
%>
Defines the inline handler of the Activate client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Activate(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Activate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Activate("onActivate"))
%>
Defines the inline handler of the Deactivate client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Deactivate(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Deactivate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Deactivate("onDeactivate"))
%>
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Menu()
.Name("Menu")
.Events(events => events.Select("onSelect"))
%>
Sets the action, controller name and route values of object.
The object.
The route values of the Action method.
Sets the action and controller name, along with Route values of object.
The object.
Action name.
Controller name.
Route values as an object
Sets the action, controller name and route values of object.
The object.
Action name.
Controller name.
Route values as
Sets the action and route values of object.
The object.
The controller action.
Sets the url property of object.
The object.
The Url.
Sets the route name and route values of object.
The object.
Route name.
Route values as an object.
Sets the route name and route values of object.
The object.
Route name.
Route values as .
Generating url depending on the ViewContext and the generator.
The object.
The object
The generator.
Determines whether the specified navigatable matches the current request URL.
The object.
The object.
The generator.
Generating url depending on the ViewContext and the generator.
The object.
The object
The generator.
Verify whether the object is accessible.
The object.
The object.
The object
Verifies whether collection of objects is accessible.
Object of type.
The object.
The object.
The object
Determines whether this instance has value.
true if either ActionName and ControllerName, RouteName or Url are set; false otherwise
Defines the fluent API for creating bindings for Kendo Menu, TreeView and PanelBar
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Defines the items in the panelbar
The add action.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events =>
events.Expand("expand").Collapse("collapse")
)
%>
Binds the panelbar to a sitemap
The view data key.
The action to configure the item.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.BindTo("examples", (item, siteMapNode) =>
{
})
%>
Binds the panelbar to a sitemap.
The view data key.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.BindTo("examples")
%>
Binds the panelbar to a list of objects
The type of the data item
The data source.
The action executed for every data bound item.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.BindTo(new []{"First", "Second"}, (item, value) =>
{
item.Text = value;
})
%>
Binds the panelbar to a list of objects. The panelbar will create a hierarchy of items using the specified mappings.
The type of the data item
The data source.
The action which will configure the mappings
<%= 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
)
)
%>
Configures the animation effects of the panelbar.
Whether the component animation is enabled.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Animation(false)
Configures the animation effects of the panelbar.
The action that configures the animation.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Animation(animation => animation.Expand(config => config.Fade(FadeDirection.In)))
Callback for each item.
Action, which will be executed for each item.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.ItemAction(item =>
{
item
.Text(...)
.HtmlAttributes(...);
})
%>
Select item depending on the current URL.
If true the item will be highlighted.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.HighlightPath(true)
%>
Renders the panelbar with expanded items.
If true the panelbar will be expanded.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.ExpandAll(true)
%>
Sets the expand mode of the panelbar.
The desired expand mode.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.ExpandMode(PanelBarExpandMode.Multiple)
%>
Selects the item at the specified index.
The index.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.SelectedIndex(1)
%>
Enable/disable security trimming functionality of the component.
If true security trimming is enabled.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.SecurityTrimming(false)
%>
Defines the security trimming functionality of the component
The securityTrimming action.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.SecurityTrimming(builder =>
{
builder.Enabled(true).HideParent(true);
})
%>
Defines the fluent interface for configuring the PanelBar events.
Defines the inline handler of the Expand client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Expand(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Expand client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Expand("expand"))
%>
Defines the inline handler of the ContentLoad client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.ContentLoad(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the ContentLoad client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.ContentLoad("contentLoad"))
%>
Defines the inline handler of the Collapse client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Collapse(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Collapse client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Collapse("collapse"))
%>
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Select("select"))
%>
Defines the inline handler of the Error client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Error(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Error client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Events(events => events.Error("onError"))
%>
Specifies the expand mode in which the panelbar will expand its items
Only one item can be expanded.
All items can be expanded
Represents an item from Kendo PanelBar for ASP.NET MVC
Defines the fluent interface for configuring child panelbar items.
Initializes a new instance of the class.
The item.
The context of the View.
Configures the child items of a .
The add action.
<%= 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");
});
})
%>
Define when the item will be expanded on intial render.
If true the item will be expanded.
<%= 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);
})
%>
Defines the fluent API for adding items to Kendo PanelBar for ASP.NET MVC
Defines the fluent interface for configuring the TabStrip events.
Defines the inline handler of the Activate client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.Activate(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Activate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.Activate("onActivate"))
%>
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.Select("onSelect"))
%>
Defines the inline handler of the ContentLoad client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.ContentLoad(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the ContentLoad client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.ContentLoad("onContentLoad"))
%>
Defines the inline handler of the Error client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.Error(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Error client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.Error("onError"))
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Defines the items in the tabstrip
The add action.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events =>
events.Select("onSelect").OnLoad("onLoad")
)
%>
Configures the animation effects of the tabstrip.
Whether the component animation is enabled.
<%= Html.Kendo().TabStrip()
.Name("PanelBar")
.Animation(false)
Configures the animation effects of the tabstrip.
The action that configures the animation.
<%= Html.Kendo().TabStrip()
.Name("PanelBar")
.Animation(animation => animation.Open(config => config.Fade(FadeDirection.In)))
Binds the tabstrip to a sitemap
The view data key.
The action to configure the item.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.BindTo("examples", (item, siteMapNode) =>
{
})
%>
Binds the tabstrip to a sitemap.
The view data key.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.BindTo("examples")
%>
Binds the tabstrip to a list of objects
The type of the data item
The data source.
The action executed for every data bound item.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.BindTo(new []{"First", "Second"}, (item, value) =>
{
item.Text = value;
})
%>
Selects the item at the specified index.
The index.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.SelectedIndex(1)
%>
Callback for each item.
Action, which will be executed for each item.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.ItemAction(item =>
{
item
.Text(...)
.HtmlAttributes(...);
})
%>
Select item depending on the current URL.
If true the item will be highlighted.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.HighlightPath(true)
%>
Enable/disable security trimming functionality of the component.
If true security trimming is enabled.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.SecurityTrimming(false)
%>
Represents an item from Kendo TabStrip for ASP.NET MVC
Defines the fluent interface for configuring child tabstrip items.
Initializes a new instance of the class.
The item.
The context of the View.
Defines the fluent API for adding items to Kendo TabStrip for ASP.NET MVC
Active state of items
Button with plain text content
Button with an icon and text content
Button with an icon only
Bare button with an icon only (no background and borders)
Content - rendered around custom content
Default state of items
Disabled state of items
Group - rendered around grouped items (children)
Header - rendered on headers or header items
Hovered state of items
Icon - icon from default icon set
Image - image rendered through ImageUrl
Item - rendered on items
First in list of items
Last in list of items
Top in list of items
Bottom in list of items
Middle in list of items
Last in list of headers
Link - rendered on all links
Reset - removes inherited styles
Selected state of items
Sprite - sprite rendered in the begging of the item.
Widget - rendered always on the outmost HTML element of a UI component
Input - input rendered in the div wrapper
CheckBox - rendered on all checkbox
ToolBar - rendered on all toolbars
Alternating class for zebra stripes
Scrollable - rendered on all elements that wish to be scrollable on touch devices
Contains CSS classes for icons
"Delete" icon
"Delete Group" icon
"Refresh" icon
"Maximize" icon
"Minimize" icon
"Pin" icon
"Close" icon
"Custom" icon
Contains CSS classes, used in the grid
Grid action
Container element for editing / inserting form
Container element for editing / inserting form
Toolbar which contains different commands
Pager navigation icon
Contains CSS classes, used in the treeview
Class that shows treeview lines
Contains CSS classes, used in the editor
Button in editor toolbar
Color picker in editor toolbar
Editor tool icon
Editor custom tool
Editor textarea element
Slider increase button.
Slider decrease button.
Horizontal splitter
Vertical splitter
Splitter pane
Contains CSS classes, used in the window
Window content area
Window title bar
Specifies the name of the file
The file name
<%= 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)
)
%>
Specifies the size of the file in bytes
The file size
<%= 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)
)
%>
Specifies the extension of the file
The file extension
<%= 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)
)
%>
A builder class for
Initializes a new instance of the class.
The messages.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.Retry("retry")
)
%>
Sets the Cancel button text
New cancel button text.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.Cancel("cancel")
)
%>
Sets the Drag and Drop hint text
New Drag and Drop hint text.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.DropFilesHere("drop files here")
)
%>
Sets the Remove button text
New Remove button text.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.Remove("drop files here")
)
%>
Sets the Retry button text
New Retry button text.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.Retry("retry")
)
%>
Sets the Select button text
New Select button text.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.Select("select")
)
%>
Sets the "failed" status text accessible by screen readers
New "failed" status text accessible by screen readers.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.StatusFailed("failed")
)
%>
Sets the "uploaded" status text accessible by screen readers
New "uploaded" status text accessible by screen readers.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.StatusUploaded("uploaded")
)
%>
Sets the "uploading" status text accessible by screen readers
New "uploading" status text accessible by screen readers.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.StatusUploading("uploading")
)
%>
Sets the "uploading" header status text accessible by screen readers
New "header uploading" status text accessible by screen readers.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.HeaderStatusUploading("header uploading")
)
%>
Sets the "uploaded" header status text accessible by screen readers
New "header uploaded" status text accessible by screen readers.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.HeaderStatusUploaded("header uploaded")
)
%>
Sets Upload button (visible when AutoUpload is set to false) text
New Upload button text.
<%= Html.Kendo().Upload()
.Name("Upload")
.Messages(msgs => msgs
.UploadSelectedFiles("uploading")
)
%>
A builder class for
Initializes a new instance of the class.
The async settings.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Save", "Home", new RouteValueDictionary{ {"id", 1} })
)
%>
Sets a value indicating whether to start the upload immediately after selecting a file
true if the upload should start immediately after selecting a file, false otherwise; true by default
Sets a value indicating whether to upload selected files in one batch (request)
true if the files should be uploaded in a single request, false otherwise; false by default
Sets the action, controller and route values for the save operation
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Save", "Home", new RouteValueDictionary{ {"id", 1} });
)
%>
Sets the action, controller and route values for the save operation
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Save", "Home", new { id = 1 });
)
%>
Sets the action and controller for the save operation
Name of the action.
Name of the controller.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Save", "Home");
)
%>
Sets the route name for the save operation
Name of the route.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Default");
)
%>
Sets the route values for the save operation
The route values of the action method.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save(MVC.Home.Save(1).GetRouteValueDictionary());
)
%>
Sets the route and values for the save operation
Name of the route.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Default", "Home", new RouteValueDictionary{ {"id", 1} });
)
%>
Sets the route and values for the save operation
Name of the route.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Default", new { id = 1 });
)
%>
Sets the action for the save operation
The type of the controller.
The action.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save<HomeController>(controller => controller.Save())
)
%>
Sets the field name for the save operation
The form field name to use for submiting the files.
The Upload name is used if not set.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.SaveField("attachment");
)
%>
Sets an absolute or relative Save action URL.
Note that the URL must be in the same domain for the upload to succeed.
The Save action URL.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.SaveUrl("/save");
)
%>
Sets the action, controller and route values for the remove operation
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove("Remove", "Home", new RouteValueDictionary{ {"id", 1} });
)
%>
Sets the action, controller and route values for the remove operation
Name of the action.
Name of the controller.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove("Remove", "Home", new { id = 1 });
)
%>
Sets the action and controller for the remove operation
Name of the action.
Name of the controller.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove("Remove", "Home");
)
%>
Sets the route name for the remove operation
Name of the route.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove("Default");
)
%>
Sets the route values for the remove operation
The route values of the action method.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove(MVC.Home.Remove(1).GetRouteValueDictionary());
)
%>
Sets the route and values for the remove operation
Name of the route.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove("Default", "Home", new RouteValueDictionary{ {"id", 1} });
)
%>
Sets the route and values for the remove operation
Name of the route.
The route values.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove("Default", new { id = 1 });
)
%>
Sets the action for the remove operation
The type of the controller.
The action.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Remove<HomeController>(controller => controller.Remove())
)
%>
Sets an absolute or relative Remove action URL.
Note that the URL must be in the same domain for the operation to succeed.
The Remove action URL.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.RemoveUrl("/remove");
)
%>
Sets the field name for the remove operation
The form field name to use for submiting the files.
"fileNames" is used if not set.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.RemoveField("attachments");
)
%>
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Configures the client-side events.
The client events configuration action.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events
.Upload("onUpload")
)
%>
Enables or disables the component.
true if the component should be enabled, false otherwise; the default is true.
<%= Html.Kendo().Upload()
.Name("Upload")
.Enable(false)
%>
Enables or disables multiple file selection.
true if multiple file selection should be enabled, false otherwise; the default is true.
<%= Html.Kendo().Upload()
.Name("Upload")
.Multiple(false)
%>
Sets a value indicating whether to show the list of uploaded files
true if the list of uploaded files should be visible, false otherwise; true by default
Use it to configure asynchronous uploading.
Use builder to set different asynchronous uploading options.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Save", "Compose")
.Remove("Remove", "Compose")
);
%>
Use it to configure asynchronous uploading.
Use builder to set different asynchronous uploading options.
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("Save", "Compose")
.Remove("Remove", "Compose")
);
%>
The template element to be used for rendering the files in the list
The id of the template
@(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")
)
%>
Sets the initially rendered files
The lambda which configures initial files
<%= 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)
)
)
Defines the fluent interface for configuring the Upload events.
Initializes a new instance of the class.
The client events.
Defines the inline handler of the Select client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Select(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Select client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Select("onSelect"))
%>
Defines the inline handler of the Upload client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Upload(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Upload client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Upload("onUpload"))
%>
Defines the inline handler of the Success client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Success(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Success client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Success("onSuccess"))
%>
Defines the inline handler of the Error client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Error(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Error client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Error("onError"))
%>
Defines the inline handler of the Complete client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Complete(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Complete client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Complete("onComplete"))
%>
Defines the inline handler of the Cancel client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Cancel(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Cancel client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Cancel("onCancel"))
%>
Defines the inline handler of the Remove client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Remove(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Remove client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Remove("onRemove"))
%>
Defines the inline handler of the Progress client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Progress(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Progress client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Upload()
.Name("Upload")
.Events(events => events.Progress("onProgress"))
%>
Initializes a new instance of the class.
The Upload component.
Builds the Upload component markup.
Defines the Save action
Defines the name of the form field submitted to the Save action.
The default value is the Upload name.
Defines the Remove action
Defines the name of the form field submitted to the Remove action.
The default value is "fileNames".
Gets or sets a value indicating whether to start the upload immediately after selecting a file
Gets or sets a value indicating whether to upload selected files in one batch (request)
Initializes a new instance of the class.
Serializes the asynchronous uploading settings to the writer.
The serialization key.
The target dictionary.
Defines the Save action
Defines the name of the form field submitted to the Save action.
The default value is the Upload name.
Defines the Remove action
Defines the name of the form field submitted to the Remove action.
The default value is "removeField".
Gets or sets a value indicating whether to start the upload immediately after selecting a file
true if the upload should start immediately after selecting a file, false otherwise; true by default
Gets or sets a value indicating whether to upload selected files in one batch (request)
Initializes a new instance of the class.
The view context.
The javascript initializer.
The URL Generator.
Writes the initialization script.
The writer object.
Writes the Upload HTML.
The writer object.
Gets or sets a value indicating if the component is enabled.
true if the component should be enabled, false otherwise; the default is true.
Gets or sets a value indicating if multiple file selection is enabled.
true if multiple file selection should be enabled, false otherwise; the default is true.
Gets or sets a value indicating whether to show the list of uploaded files
true if the list of uploaded files should be visible, false otherwise; true by default
Defines the asynchronous uploading settings
Gets or sets the URL generator.
The URL generator.
Gets or sets the Upload messages.
The Upload messages.
Gets or sets the template Id for the files
The template for the files list
Gets the initially rendered files
Creates the fluent API builders of the Kendo UI widgets
Creates a
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items => { /* add items here */ });
%>
Creates a
<%= Html.Kendo().Editor()
.Name("Editor");
%>
Creates a new bound to the specified data item type.
The type of the data item
<%= Html.Kendo().Grid<Order>()
.Name("Grid")
.BindTo(Model)
%>
Creates a new bound to the specified data source.
The type of the data item
The data source.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
%>
Creates a new bound to a DataTable.
DataTable from which the grid instance will be bound
Creates a new bound to a DataView.
DataView from which the grid instance will be bound
Creates a new bound an item in ViewData.
Type of the data item
The data source view data key.
<%= Html.Kendo().Grid<Order>("orders")
.Name("Grid")
%>
Creates a new bound to the specified data item type.
The type of the data item
<%= Html.Kendo().ListView<Order>()
.Name("ListView")
.BindTo(Model)
%>
Creates a new bound to the specified data source.
The type of the data item
The data source.
<%= Html.Kendo().ListView(Model)
.Name("ListView")
%>
Creates a new bound an item in ViewData.
Type of the data item
The data source view data key.
<%= Html.Kendo().ListView<Order>("orders")
.Name("ListView")
%>
Creates a new bound to the specified data item type.
The type of the data item
<%= Html.Kendo().MobileListView<Order>()
.Name("MobileListView")
.BindTo(Model)
%>
Creates a new .
<%= Html.Kendo().MobileListView()
.Name("MobileListView")
.Items(items =>
{
items.Add().Text("Item");
items.AddLink().Text("Link Item");
})
%>
Creates a new bound to the specified data source.
The type of the data item
The data source.
<%= Html.Kendo().MobileListView(Model)
.Name("MobileListView")
%>
Creates a new bound an item in ViewData.
Type of the data item
The data source view data key.
<%= Html.Kendo().MobileListView<Order>("orders")
.Name("MobileListView")
%>
Creates a
<%= Html.Kendo().Splitter()
.Name("Splitter");
%>
Creates a new .
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =>
{
items.Add().Text("First");
items.Add().Text("Second");
})
%>
Creates a new .
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
%>
Creates a new .
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
%>
Creates a new .
<%= Html.Kendo().TimePicker()
.Name("TimePicker")
%>
Creates a new .
<%= Html.Kendo().Barcode()
.For("Container")
%>
Creates a new .
<%= Html.Kendo().Tooltip()
.For("Container")
%>
Creates a new .
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
%>
Creates a new .
<%= Html.Kendo().ColorPalette()
.Name("ColorPalette")
%>
Creates a new .
<%= Html.Kendo().FlatColorPicker()
.Name("FlatColorPicker")
%>
Creates a new .
<%= Html.Kendo().Calendar()
.Name("Calendar")
%>
Creates a new .
<%= Html.Kendo().PanelBar()
.Name("PanelBar")
.Items(items =>
{
items.Add().Text("First");
items.Add().Text("Second");
})
%>
Creates a new .
<%= Html.Kendo().RecurrenceEditor()
.Name("recurrenceEditor")
.FirstWeekDay(0)
.Timezone("Etc/UTC")
%>
Creates a new .
<%= Html.Kendo().TimezoneEditor()
.Name("timezoneEditor")
.Value("Etc/UTC")
%>
Creates a new .
<%= Html.Kendo().Scheduler()
.Name("Scheduler")
%>
Creates a
<%= Html.Kendo().TreeView()
.Name("TreeView")
.Items(items => { /* add items here */ });
%>
Creates a new .
<%= Html.Kendo().NumericTextBox()
.Name("NumericTextBox")
%>
Creates a new .
<%= Html.Kendo().NumericTextBox<double>()
.Name("NumericTextBox")
%>
Creates a new .
<%= Html.Kendo().CurrencyTextBox()
.Name("CurrencyTextBox")
%>
Creates a new .
<%= Html.Kendo().PercentTextBox()
.Name("PercentTextBox")
%>
Creates a new .
<%= Html.Kendo().IntegerTextBox()
.Name("IntegerTextBox")
%>
Creates a new .
<%= Html.Kendo().Window()
.Name("Window")
%>
Creates a new .
<%= Html.Kendo().LinearGauge()
.Name("linearGauge")
%>
Creates a new .
<%= Html.Kendo().RadialGauge()
.Name("radialGauge")
%>
Creates a new .
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Creates a new .
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Creates a new .
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Creates a new .
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Creates a new .
<%= Html.Kendo().Slider()
.Name("Slider")
%>
Creates a new .
<%= Html.Kendo().Slider()
.Name("Slider")
%>
Creates a new .
<%= Html.Kendo().RangeSlider()
.Name("RangeSlider")
%>
Creates a new .
<%= Html.Kendo().RangeSlider()
.Name("RangeSlider")
%>
Creates a new
<%= Html.Kendo().ProgressBar()
.Name("progressBar")
%>
Creates a
<%= Html.Kendo().Upload()
.Name("Upload")
.Async(async => async
.Save("ProcessAttachments", "Home")
.Remove("RemoveAttachment", "Home")
)
%>
Creates a
<%= Html.Kendo().Button()
.Name("Button1");
%>
Creates a
<%= Html.Kendo().Chart()
.Name("Chart")
%>
Creates a new bound to the specified data source.
The type of the data item
The data source.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
%>
Creates a new bound an item in ViewData.
Type of the data item
The data source view data key.
<%= Html.Kendo().Chart<SalesData>("sales")
.Name("Chart")
%>
Creates a new unbound .
<%= Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales");
})
%>
Creates a
<%= Html.Kendo().StockChart()
.Name("StockChart")
%>
Creates a new bound to the specified data source.
The type of the data item
The data source.
<%= Html.Kendo().StockChart(Model)
.Name("StockChart")
%>
Creates a new bound an item in ViewData.
Type of the data item
The data source view data key.
<%= Html.Kendo().StockChart<SalesData>("sales")
.Name("StockChart")
%>
Creates a new unbound .
<%= Html.Kendo().StockChart()
.Name("StockChart")
.Series(series => {
series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales");
})
%>
Creates a
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
%>
Creates a new bound to the specified data source.
The type of the data item
The data source.
<%= Html.Kendo().Sparkline(Model)
.Name("Sparkline")
%>
Creates a new bound an item in ViewData.
Type of the data item
The data source view data key.
<%= Html.Kendo().Sparkline<SalesData>("sales")
.Name("Sparkline")
%>
Creates a new unbound .
<%= Html.Kendo().Sparkline()
.Name("Sparkline")
.Series(series => {
series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales");
})
%>
Creates a
<%= Html.Kendo().QRCode()
.Name("qrCode")
.Value("Hello World")
%>
Returns the initialization scripts for widgets set as deferred
Determines if the script should be rendered within a script tag
Returns the initialization scripts for the specified widget.
The name of the widget.
Determines if the script should be rendered within a script tag
Creates a
<%= Html.Kendo().Map()
.Name("Map")
%>
Creates a
<%= Html.Kendo().MobileActionSheet()
.Name("MobileActionSheet")
%>
Creates a
<%= Html.Kendo().MobileApplication()
.Name("MobileApplication")
%>
Creates a
<%= Html.Kendo().MobileBackButton()
.Name("MobileBackButton")
%>
Creates a
<%= Html.Kendo().MobileButton()
.Name("MobileButton")
%>
Creates a
<%= Html.Kendo().MobileButtonGroup()
.Name("MobileButtonGroup")
%>
Creates a
<%= Html.Kendo().MobileDetailButton()
.Name("MobileDetailButton")
%>
Creates a
<%= Html.Kendo().MobileDrawer()
.Name("MobileDrawer")
%>
Creates a
<%= Html.Kendo().MobileLayout()
.Name("MobileLayout")
%>
Creates a
<%= Html.Kendo().MobileModalView()
.Name("MobileModalView")
%>
Creates a
<%= Html.Kendo().MobileNavBar()
.Name("MobileNavBar")
%>
Creates a
<%= Html.Kendo().MobilePopOver()
.Name("MobilePopOver")
%>
Creates a
<%= Html.Kendo().MobileScrollView()
.Name("MobileScrollView")
%>
Creates a
<%= Html.Kendo().MobileSplitView()
.Name("MobileSplitView")
%>
Creates a
<%= Html.Kendo().MobileSwitch()
.Name("MobileSwitch")
%>
Creates a
<%= Html.Kendo().MobileTabStrip()
.Name("MobileTabStrip")
%>
Creates a
<%= Html.Kendo().MobileView()
.Name("MobileView")
%>
Creates a new UI component.
Creates a new .
<%= Html.Kendo().NumericTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().NumericTextBoxFor(m=>m.NullableProperty) %>
Creates a new .
<%= Html.Kendo().IntegerTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().IntegerTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().CurrencyTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().CurrencyTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().PercentTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().PercentTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().DateTimePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().DateTimePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().ColorPickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().DatePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().DatePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().TimePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().TimePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().TimePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().TimePickerFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().DropDownListFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().ComboBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().AutoCompleteFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().MultiSelectFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().SliderFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().SliderFor(m=>m.NullableProperty) %>
Creates a new .
<%= Html.Kendo().SliderFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().SliderFor(m=>m.NullableProperty) %>
Creates a new .
<%= Html.Kendo().RangeSliderFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().RangeSliderFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().LinearGaugeFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().LinearGaugeFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().RadialGaugeFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().RadialGaugeFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().RecurrenceEditorFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().TimezoneEditorFor(m=>m.Property) %>
Defines the fluent API for configuring the Kendo Window position settings
Sets the top position.
Sets the left position.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The instance that is to be configured
Configures the window to show a close button.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions => actions.Close())
%>
Configures the window to show a maximize button.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions => actions.Maximize())
%>
Configures the window to show a minimize button.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions => actions.Maximize())
%>
Configures the window to show a refresh button.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions => actions.Refresh())
%>
Configures the window to show a pin button.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions => actions.Pin())
%>
Configures the window to show a refresh button.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions => actions.Custom("menu"))
%>
Configures the window to show no buttons in its titlebar.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions => actions.Clear())
%>
Defines the fluent API for configuring the Kendo Window resizing settings
Defines the fluent interface for configuring the Window events.
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Open("onOpen"))
%>
Defines the name of the JavaScript function that will handle the the Open client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Open("onOpen"))
%>
Defines the name of the JavaScript function that will handle the the Activate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Activate("onActivate"))
%>
Defines the name of the JavaScript function that will handle the the Activate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Activate("onActivate"))
%>
Defines the name of the JavaScript function that will handle the the Deactivate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Deactivate("onDeactivate"))
%>
Defines the name of the JavaScript function that will handle the the Deactivate client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Deactivate("onDeactivate"))
%>
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Close("onClose"))
%>
Defines the name of the JavaScript function that will handle the the Close client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Close("onClose"))
%>
Defines the name of the JavaScript function that will handle the the DragStart client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.DragStart("onDragStart"))
%>
Defines the name of the JavaScript function that will handle the the DragStart client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.DragStart("onDragStart"))
%>
Defines the name of the JavaScript function that will handle the the DragEnd client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.DragEnd("onDragEnd"))
%>
Defines the name of the JavaScript function that will handle the the DragEnd client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.DragEnd("onDragEnd"))
%>
Defines the name of the JavaScript function that will handle the the Resize client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Resize("onResize"))
%>
Defines the name of the JavaScript function that will handle the the Resize client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Resize("onResize"))
%>
Defines the name of the JavaScript function that will handle the the Refresh client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Refresh("onRefresh"))
%>
Defines the name of the JavaScript function that will handle the the Refresh client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Refresh("onRefresh"))
%>
Defines the name of the JavaScript function that will handle the the Error client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Error("onError"))
%>
Defines the name of the JavaScript function that will handle the the Error client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Error("onError"))
%>
Defines the fluent interface for configuring the component.
Allows title to be shown / hidden
Whether the window title will be visible
Sets title, which appears in the header of the window.
Defines a selector for the element to which the Window will be appended. By default this is the page body.
A selector of the Window container
Sets the HTML content which the window should display.
The action which renders the content.
<% Html.Kendo().Window()
.Name("Window")
.Content(() =>
{
%>
<strong>Window content</strong>
<%
})
%>
Sets the HTML content which the window should display
The Razor inline template
@(Html.Kendo().Window()
.Name("Window")
.Content(@<strong> Hello World!</strong>))
Sets the HTML content which the item should display as a string.
The action which renders the content.
<%= Html.Kendo().Window()
.Name("Window")
.Content("<strong> First Item Content</strong>")
%>
Sets the Url, which will be requested to return the content.
The route values of the Action method.
<%= Html.Kendo().Window()
.Name("Window")
.LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
%>
Sets the Url, which will be requested to return the content.
The action name.
The controller name.
<%= Html.Kendo().Window()
.Name("Window")
.LoadContentFrom("AjaxView_OpenSource", "Window")
%>
Sets the Url, which will be requested to return the content.
The action name.
The controller name.
Route values.
<%= Html.Kendo().Window()
.Name("Window")
.LoadContentFrom("AjaxView_OpenSource", "Window", new { id = 10})
%>
Sets the Url, which will be requested to return the content.
The url.
<%= Html.Kendo().Window()
.Name("Window")
.LoadContentFrom(Url.Action("AjaxView_OpenSource", "Window"))
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events =>
events.Open("onOpen").Close("onClose")
)
%>
Enables windows resizing.
<%= Html.Kendo().Window()
.Name("Window")
.Resizable()
%>
Configures the resizing ability of the window.
Resizing settings action.
<%= Html.Kendo().Window()
.Name("Window")
.Resizable(settings =>
settings.Enabled(true).MaxHeight(500).MaxWidth(500)
)
%>
Configures the window buttons.
The buttons configuration action.
<%= Html.Kendo().Window()
.Name("Window")
.Actions(actions =>
actions.Close()
)
%>
Sets the width of the window.
Sets the height of the window.
Configures the position of the window.
Position settings action.
<%= Html.Kendo().Window()
.Name("Window")
.Position(settings =>
settings.Top(100).Left(100)
)
%>
Sets whether the window should be rendered visible.
Sets whether the window should have scrollbars.
Configures the animation effects of the window.
Whether the component animation is enabled.
<%= Html.Kendo().Window()
.Name("Window")
.Animation(false)
Configures the animation effects of the panelbar.
The action that configures the animation.
<%= Html.Kendo().Window()
.Name("Window")
.Animation(animation => animation.Expand)
Sets whether the window should be modal or not.
Sets whether the window can be moved.
Sets whether the window can be moved.
Sets whether the window is pinned.
Sets whether the window automatically gains focus when opened.
Sets whether the window is pinned.
Explicitly specifies whether the loaded window content will be rendered as an iframe or in-line
Returns the physical path for the specified virtual path.
The virtual path.
Merges the specified instance.
The instance.
The key.
The value.
if set to true [replace existing].
Appends the in value.
The instance.
The key.
The separator.
The value.
Appends the specified value at the beginning of the existing value
Toes the attribute string.
The instance.
Merges the specified instance.
The instance.
From.
if set to true [replace existing].
Merges the specified instance.
The instance.
From.
Merges the specified instance.
The instance.
The values.
if set to true [replace existing].
Merges the specified instance.
The instance.
The values.
Requests the context.
The instance.
Gets a value indicating whether we're running under Mono.
true if Mono; otherwise, false.
Gets a value indicating whether we're running under Linux or a Unix variant.
true if Linux/Unix; otherwise, false.
Returns the physical path for the specified virtual path.
The virtual path.
Starts thread safe read write code block.
The instance.
Starts thread safe read code block.
The instance.
Starts thread safe write code block.
The instance.
Replaces the format item in a specified System.String with the text equivalent of the value of a corresponding System.Object instance in a specified array.
A string to format.
An System.Object array containing zero or more objects to format.
A copy of format in which the format items have been replaced by the System.String equivalent of the corresponding instances of System.Object in args.
Determines whether this instance and another specified System.String object have the same value.
The string to check equality.
The comparing with string.
true if the value of the comparing parameter is the same as this string; otherwise, false.
Determines whether this instance and another specified System.String object have the same value.
The string to check equality.
The comparing with string.
true if the value of the comparing parameter is the same as this string; otherwise, false.
A strongly-typed resource class, for looking up localized strings, etc.
Returns the cached ResourceManager instance used by this class.
Overrides the current thread's CurrentUICulture property for all
resource lookups using this strongly typed resource class.
Looks up a localized string similar to "{0}" array cannot be empty..
Looks up a localized string similar to You must use InCell edit mode for batch updates..
Looks up a localized string similar to The Update data binding setting is required for batch updates. Please specify the Update action or url in the DataBinding configuration..
Looks up a localized string similar to "{0}" cannot be negative..
Looks up a localized string similar to "{0}" cannot be negative or zero..
Looks up a localized string similar to "{0}" cannot be null..
Looks up a localized string similar to "{0}" cannot be null or empty..
Looks up a localized string similar to Cannot find a public property of primitive type to sort by..
Looks up a localized string similar to Cannot have more one column in order when sort mode is set to single column..
Looks up a localized string similar to Cannot route to class named 'Controller'..
Looks up a localized string similar to Cannot set AutoBind if widget is populated during initialization.
Looks up a localized string similar to Cannot use Ajax and WebService binding at the same time..
Looks up a localized string similar to Cannot use PushState with server navigation..
Looks up a localized string similar to Cannot use only server templates in Ajax or WebService binding mode. Please specify a client template as well..
Looks up a localized string similar to Cannot use Virtual Scroll with Server binding..
Looks up a localized string similar to "{0}" collection cannot be empty..
Looks up a localized string similar to Multiple types were found that match the controller named '{0}'. This can happen if the route that services this request does not specify namespaces to search for a controller that matches the request. If this is the case, register this route by calling an overload of the 'MapRoute' method that takes a 'namespaces' parameter.
The request for '{0}' has found the following matching controllers:{1}.
Looks up a localized string similar to Multiple types were found that match the controller named '{0}'. This can happen if the route that services this request ('{1}') does not specify namespaces to search for a controller that matches the request. If this is the case, register this route by calling an overload of the 'MapRoute' method that takes a 'namespaces' parameter.
The request for '{0}' has found the following matching controllers:{2}.
Looks up a localized string similar to Controller name must end with 'Controller'..
Looks up a localized string similar to Custom command routes is available only for server binding..
Looks up a localized string similar to There is no DataSource Model Id property specified..
Looks up a localized string similar to DataTable InLine editing and custom EditorTemplate per column is not supported.
Looks up a localized string similar to You must specify TemplateName when PopUp edit mode is enabled with DataTable binding.
Looks up a localized string similar to The Delete data binding setting is required by the delete command. Please specify the Delete action or url in the DataBinding configuration..
Looks up a localized string similar to The Update data binding setting is required by the edit command. Please specify the Update action or url in the DataBinding configuration..
Looks up a localized string similar to {0} should not be bigger then {1}..
Looks up a localized string similar to Group with specified name already exists..
Looks up a localized string similar to Group with specified name "{0}" already exists. Please specify a different name..
Looks up a localized string similar to Group with "{0}" does not exist in {1} SharedWebAssets..
Looks up a localized string similar to Group with specified name "{0}" does not exist. Please make sure you have specified a correct name..
Looks up a localized string similar to InCell editing mode is not supported in server binding mode.
Looks up a localized string similar to InCell editing mode is not supported when ClientRowTemplate is used.
Looks up a localized string similar to Provided index is out of range..
Looks up a localized string similar to The Insert data binding setting is required by the insert command. Please specify the Insert action or url in the DataBinding configuration..
Looks up a localized string similar to Item with specified source already exists..
Looks up a localized string similar to Local group with name "{0}" already exists..
Looks up a localized string similar to The key with the following name "{0}" was not found. Please update all localization files..
Looks up a localized string similar to Bound columns require a field or property access expression..
Looks up a localized string similar to {0} should be less than {1}..
Looks up a localized string similar to Name cannot be blank..
Looks up a localized string similar to Name cannot contain spaces..
Looks up a localized string similar to "None" is only used for internal purpose..
Looks up a localized string similar to Only one ScriptRegistrar is allowed in a single request..
Looks up a localized string similar to Only one StyleSheetRegistrar is allowed in a single request..
Looks up a localized string similar to Only property and field expressions are supported.
Looks up a localized string similar to of {0}.
Looks up a localized string similar to Paging must be enabled to use PageOnScroll..
Looks up a localized string similar to The {0} must be bigger then 0..
Looks up a localized string similar to {0} must be positive number..
Looks up a localized string similar to {0} should be bigger than {1} and less then {2}.
Looks up a localized string similar to The "{0}" class is no longer supported. To enable RTL support you must include telerik.rtl.css and apply the "t-rtl" class to a parent HTML element or the <body>..
Looks up a localized string similar to Scrolling must be enabled to use PageOnScroll..
Looks up a localized string similar to You must have SiteMap defined with key "{0}" in ViewData dictionary..
Looks up a localized string similar to Source must be a virtual path which should starts with "~/".
Looks up a localized string similar to Specified file does not exist: "{0}"..
Looks up a localized string similar to Passed string cannot be parsed to DateTime object..
Looks up a localized string similar to Passed string cannot be parsed to TimeSpan object..
Looks up a localized string similar to The specified method is not an action method..
Looks up a localized string similar to Time should be bigger than MinTime and less than MaxTime..
Looks up a localized string similar to You should set Tooltip container. Tooltip.For(container).
Looks up a localized string similar to You cannot set Url and ContentUrl at the same time..
Looks up a localized string similar to The value '{0}' is invalid..
Looks up a localized string similar to The Url of the WebService must be set.
Looks up a localized string similar to You cannot add more than once column when sort mode is set to single column..
Looks up a localized string similar to You cannot use non generic BindTo overload without EnableCustomBinding set to true.
Looks up a localized string similar to You cannot call render more than once..
Looks up a localized string similar to You cannot call Start more than once..
Looks up a localized string similar to You cannot configure a shared web asset group..
Looks up a localized string similar to You must have to call Start prior calling this method..
Returns the relative path for the specified virtual path.
The URL.
Returns the relative path for the specified virtual path.
The URL.
Defines the fluent API for configuring the Kendo MobileActionSheet for ASP.NET MVC.
Initializes a new instance of the class.
The component.
The text of the cancel button.
The value that configures the cancel.
Specifies the title of the actionsheet
The value that configures the title.
The popup configuration options (tablet only)
The action that configures the popup.
Contains the items of the actionsheet widget
The action that configures the items.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileActionSheet()
.Name("MobileActionSheet")
.Events(events => events
.Open("onOpen")
)
%>
Defines the fluent API for adding items to Kendo MobileActionSheet for ASP.NET MVC
Defines the fluent API for configuring the MobileActionSheetPopupSettings settings.
The height of the popup in pixels.
The value that configures the height.
The width of the popup in pixels
The value that configures the width.
The height of the popup in pixels.
The value that configures the height.
The width of the popup in pixels
The value that configures the width.
The direction to which the popup will expand, relative to the target that opened it
The value that configures the direction.
Defines the fluent API for configuring the Kendo MobileActionSheet for ASP.NET MVC events.
Fires when the ActionSheet is closed.
The name of the JavaScript function that will handle the close event.
Fires when the ActionSheet is opened.
The name of the JavaScript function that will handle the open event.
Initializes a new instance of the class.
The MobileActionSheet component.
Builds the MobileActionSheet markup.
Gets the HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the MobileActionSheetItem settings.
Specifies the name of the handler that will be executed when the item is clicked
The value that configures the action.
Specifies the text of the item
The value that configures the text.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the Kendo MobileButton for ASP.NET MVC.
Initializes a new instance of the class.
The component.
If set to false the widget will be disabled and will not allow the user to click it. The widget is enabled by default.
The value that configures the enable.
The icon of the button. It can be either one of the built-in icons, or a custom one.
The value that configures the icon.
Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor)
The value that configures the url.
Specifies the text of the button
The value that configures the text.
Specifies the Pane transition
The value that configures the transition.
Specifies the id of target Pane or `_top` for application level Pane
The value that configures the target.
This value will be available when the action callback of ActionSheet item is executed
The value that configures the actionsheetcontext.
Use the align data attribute to specify the elements position inside the NavBar. By default, elements without any align are centered.
The value that configures the align.
Specifies the widget to be open when is tapped (the href must be set too)
The value that configures the rel.
Specifies the value shown in badge icon
The value that configures the badge.
Specifies the url for remote view to be loaded
Sets controller and action from where the remove view to be loaded.
Action name
Controller Name
Route values
Sets controller, action and routeValues from where the remove view to be loaded.
Action name
Controller Name
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileButton()
.Name("MobileButton")
.Events(events => events
.Click("onClick")
)
%>
Defines the fluent API for configuring the Kendo MobileButton for ASP.NET MVC events.
Fires when the user taps the button.
The name of the JavaScript function that will handle the click event.
Initializes a new instance of the class.
The MobileButton component.
Builds the MobileButton markup.
Defines the fluent API for configuring the Kendo MobileButtonGroup for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Defines the initially selected Button (zero based index).
The value that configures the index.
Sets the DOM event used to select the button. Accepts "up" as an alias for touchend, mouseup and MSPointerUp vendor specific events.By default, buttons are selected immediately after the user presses the button (on touchstart or mousedown or MSPointerDown, depending on the mobile device).
However, if the widget is placed in a scrollable view, the user may accidentally press the button when scrolling. In such cases, it is recommended to set this option to "up".
The value that configures the selecton.
Contains the items of the button group widget
The action that configures the items.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileButtonGroup()
.Name("MobileButtonGroup")
.Events(events => events
.Select("onSelect")
)
%>
Defines the fluent API for configuring the Kendo MobileButtonGroup for ASP.NET MVC events.
Fires when a Button is selected.
The name of the JavaScript function that will handle the select event.
Initializes a new instance of the class.
The MobileButtonGroup component.
Builds the MobileButtonGroup markup.
Defines the fluent API for adding items to Kendo MobileButtonGroup for ASP.NET MVC
Gets the HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the MobileButtonGroupItem settings.
The icon of the button. It can be either one of the built-in icons, or a custom one
The value that configures the icon.
Specifies the text of the item
The value that configures the text.
Specifies the value shown in badge icon
The value that configures the badge.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the Kendo MobileBackButton for ASP.NET MVC.
Initializes a new instance of the class.
The component.
The icon of the button. It can be either one of the built-in icons, or a custom one
The value that configures the icon.
Specifies the text of the button
The value that configures the text.
Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor)
The value that configures the url.
Specifies the id of target Pane or `_top` for application level Pane
The value that configures the target.
Use the align data attribute to specify the elements position inside the NavBar. By default, elements without any align are centered.
The value that configures the align.
Specifies the url for remote view to be loaded
Sets controller and action from where the remove view to be loaded.
Action name
Controller Name
Route values
Sets controller, action and routeValues from where the remove view to be loaded.
Action name
Controller Name
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileBackButton()
.Name("MobileBackButton")
.Events(events => events
.Click("onClick")
)
%>
Defines the fluent API for configuring the Kendo MobileBackButton for ASP.NET MVC events.
Fires when the user taps the button.
The name of the JavaScript function that will handle the click event.
Initializes a new instance of the class.
The MobileBackButton component.
Builds the MobileBackButton markup.
Defines the fluent API for configuring the Kendo MobileSwitch for ASP.NET MVC.
Initializes a new instance of the class.
The component.
The checked state of the widget.
The value that configures the checked.
If set to false the widget will be disabled and will not allow the user to change its checked state. The widget is enabled by default.
The value that configures the enable.
The OFF label.
The value that configures the offlabel.
The ON label.
The value that configures the onlabel.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileSwitch()
.Name("MobileSwitch")
.Events(events => events
.Change("onChange")
)
%>
Defines the fluent API for configuring the Kendo MobileSwitch for ASP.NET MVC events.
Fires when the state of the widget changes
The name of the JavaScript function that will handle the change event.
Initializes a new instance of the class.
The MobileSwitch component.
Builds the MobileSwitch markup.
Defines the fluent API for configuring the Kendo MobileTabStrip for ASP.NET MVC.
Initializes a new instance of the class.
The component.
The index of the initially selected tab.
The value that configures the selectedindex.
Contains the items of the tabstrip widget
The action that configures the items.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileTabStrip()
.Name("MobileTabStrip")
.Events(events => events
.Select("onSelect")
)
%>
Defines the fluent API for adding items to Kendo MobileTabStrip for ASP.NET MVC
Gets the HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the MobileTabStripItem settings.
Specifies the url or id of the view which will be loaded
The value that configures the url.
The icon of the button. It can be either one of the built-in icons, or a custom one
The value that configures the icon.
Specifies the text of the item
The value that configures the text.
Specifies the id of target Pane or `_top` for application level Pane
The value that configures the target.
This value will be available when the action callback of ActionSheet item is executed
The value that configures the actionsheetcontext.
Specifies the value shown in badge icon
The value that configures the badge.
Specifies the widget to be open when is tapped (the href must be set too)
The value that configures the rel.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Specifies the url for remote view to be loaded
Sets controller and action from where the remove view to be loaded.
Action name
Controller Name
Route values
Sets controller, action and routeValues from where the remove view to be loaded.
Action name
Controller Name
Defines the fluent API for configuring the Kendo MobileTabStrip for ASP.NET MVC events.
Fires when tab is selected.
The name of the JavaScript function that will handle the select event.
Initializes a new instance of the class.
The MobileTabStrip component.
Builds the MobileTabStrip markup.
Defines the fluent API for configuring the Kendo MobileView for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Applicable to remote views only. If set to true, the remote view contents will be reloaded from the server (using Ajax) each time the view is navigated to.
The value that configures the reload.
If set to true, the view will stretch its child contents to occupy the entire view, while disabling kinetic scrolling.
Useful if the view contains an image or a map.
The value that configures the stretch.
The text to display in the NavBar title (if present) and the browser title.
The value that configures the title.
If set to true, the view will use the native scrolling available in the current platform. This should help with form issues on some platforms (namely Android and WP8).
Native scrolling is only enabled on platforms that support it: iOS > 5+, Android > 3+, WP8. BlackBerry devices do support it, but the native scroller is flaky.
The value that configures the usenativescrolling.
If set to true, the user can zoom in/out the contents of the view using the pinch/zoom gesture.
The value that configures the zoom.
Specifies the id of the default layout
The value that configures the layout.
Specifies the Pane transition
The value that configures the transition.
Sets the HTML content which the header should display.
The action which renders the header.
<% Html.Kendo().MobileView()
.Name("View")
.Header(() =>
{
%>
<strong> View Header </strong>
<%
})
.Render();
%>
Sets the HTML content which the header should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileView()
.Name("View")
.Header(
@<text>
Some text
<strong> View Header </strong>
</text>
)
)
Sets the HTML content which the header should display as a string.
The action which renders the header.
<% Html.Kendo().MobileView()
.Name("View")
.Header("<strong> View Header </strong>");
.Render();
%>
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobileView()
.Name("View")
.Content(() =>
{
%>
<strong> View Content </strong>
<%
})
.Render();
%>
Sets the HTML content which the content should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileView()
.Name("View")
.Content(
@<text>
Some text
<strong> View Content </strong>
</text>
)
)
Sets the HTML content which the view content should display as a string.
The action which renders the view content.
<% Html.Kendo().MobileView()
.Name("View")
.Content("<strong> View Content </strong>");
.Render();
%>
Sets the HTML content which the footer should display.
The action which renders the footer.
<% Html.Kendo().MobileView()
.Name("View")
.Footer(() =>
{
%>
<strong> View Footer </strong>
<%
})
.Render();
%>
Sets the HTML content which the footer should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileView()
.Name("View")
.Footer(
@<text>
Some text
<strong> View Footer </strong>
</text>
)
)
Sets the HTML content which the footer should display as a string.
The action which renders the footer.
<% Html.Kendo().MobileView()
.Name("View")
.Footer("<strong> View Footer </strong>");
.Render();
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileView()
.Name("MobileView")
.Events(events => events
.AfterShow("onAfterShow")
)
%>
Defines the fluent API for configuring the Kendo MobileView for ASP.NET MVC events.
Fires after the mobile View becomes visible. If the view is displayed with transition, the event is triggered after the transition is complete.
The name of the JavaScript function that will handle the afterShow event.
Fires before the mobile View becomes hidden.
The name of the JavaScript function that will handle the beforeHide event.
Fires before the mobile View becomes visible. The event can be prevented by calling the preventDefault method of the event parameter, in case a redirection should happen.
The name of the JavaScript function that will handle the beforeShow event.
Fires when the mobile View becomes hidden.
The name of the JavaScript function that will handle the hide event.
Fires after the mobile View and its child widgets are initialized.
The name of the JavaScript function that will handle the init event.
Fires when the mobile View becomes visible.
The name of the JavaScript function that will handle the show event.
Initializes a new instance of the class.
The MobileView component.
Builds the MobileView markup.
Defines the fluent API for configuring the Kendo MobileModalView for ASP.NET MVC.
Initializes a new instance of the class.
The component.
When set to false, the ModalView will close when the user taps outside of its element.
The value that configures the modal.
The height of the ModalView container in pixels. If not set, the element style is used.
The value that configures the height.
The width of the ModalView container in pixels. If not set, the element style is used.
The value that configures the width.
If set to true, the user can zoom in/out the contents of the view using the pinch/zoom gesture.
The value that configures the zoom.
If set to true, the view will stretch its child contents to occupy the entire view, while disabling kinetic scrolling. Useful if the view contains an image or a map.
The value that configures the stretch.
(available since Q1 2013) If set to true, the view will use the native scrolling available in the current platform. This should help with form issues on some platforms (namely Android and WP8). Native scrolling is only enabled on platforms that support it: iOS > 4, Android > 2, WP8. BlackBerry devices do support it, but the native scroller is flaky.
The value that configures the usenativescrolling.
The text to display in the navbar title (if present) and the browser title.
The value that configures the title.
Specifies the id of the default layout
The value that configures the layout.
The height of the ModalView in pixels.
The value that configures the height.
The width of the ModalView in pixels
The value that configures the width.
Sets the HTML content which the header should display.
The action which renders the header.
<% Html.Kendo().MobileModalView()
.Name("View")
.Header(() =>
{
%>
<strong> View Header </strong>
<%
})
.Render();
%>
Sets the HTML content which the header should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileModalView()
.Name("View")
.Header(
@<text>
Some text
<strong> View Header </strong>
</text>
)
)
Sets the HTML content which the header should display as a string.
The action which renders the header.
<% Html.Kendo().MobileModalView()
.Name("View")
.Header("<strong> View Header </strong>");
.Render();
%>
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobileModalView()
.Name("View")
.Content(() =>
{
%>
<strong> View Content </strong>
<%
})
.Render();
%>
Sets the HTML content which the content should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileModalView()
.Name("View")
.Content(
@<text>
Some text
<strong> View Content </strong>
</text>
)
)
Sets the HTML content which the view content should display as a string.
The action which renders the view content.
<% Html.Kendo().MobileModalView()
.Name("View")
.Content("<strong> View Content </strong>");
.Render();
%>
Sets the HTML content which the footer should display.
The action which renders the footer.
<% Html.Kendo().MobileModalView()
.Name("View")
.Footer(() =>
{
%>
<strong> View Footer </strong>
<%
})
.Render();
%>
Sets the HTML content which the footer should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileModalView()
.Name("View")
.Footer(
@<text>
Some text
<strong> View Footer </strong>
</text>
)
)
Sets the HTML content which the footer should display as a string.
The action which renders the footer.
<% Html.Kendo().MobileModalView()
.Name("View")
.Footer("<strong> View Footer </strong>");
.Render();
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileModalView()
.Name("MobileModalView")
.Events(events => events
.Close("onClose")
)
%>
Defines the fluent API for configuring the Kendo MobileModalView for ASP.NET MVC events.
Fired when the mobile ModalView is closed by the user.
The name of the JavaScript function that will handle the close event.
Fired when the mobile ModalView and its child widgets are initialized.
The name of the JavaScript function that will handle the init event.
Fires when the ModalView is shown.
The name of the JavaScript function that will handle the open event.
Initializes a new instance of the class.
The MobileModalView component.
Builds the MobileModalView markup.
Defines the fluent API for configuring the Kendo MobileSplitView for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Defines the SplitView style - horizontal or vertical.
The value that configures the style.
Contains the panes of the splitview widget
The action that configures the panes.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileSplitView()
.Name("MobileSplitView")
.Events(events => events
.Init("onInit")
)
%>
Defines the fluent API for adding items to Kendo MobileSplitView for ASP.NET MVC
Gets the HTML attributes.
The HTML attributes.
Gets the client events of the grid.
The client events.
Defines the fluent API for configuring the MobileSplitViewPane settings.
The id of tha pane.
The value that configures the id.
The value that configures the initial.
The value that configures the initial.
The value that configures the layout.
The value that configures the layout.
The text displayed in the loading popup. Setting this value to false will disable the loading popup.
The value that configures the loading.
The default View transition.
The value that configures the transition.
Defines whether the pane is collapsible. Collapsible panes are automatically hidden when the device is in portrait orientation.
The value that configures the collapsible.
Defines the width of the pane in portrait orientation.
The value that configures the portraitwidth.
Defines the width of the pane in portrait orientation (in pixels).
The value that configures the portraitwidth.
Sets the HTML content which the pane should display.
The action which renders the content.
<% Html.Kendo().MobileSplitView()
.Name("View")
.Panes(panes => panes.Add()
.Content(() =>
{
%>
<strong> View Content </strong>
<%
})
)
.Render();
%>
Sets the HTML content which the pane should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileSplitView()
.Name("View")
.Panes(panes => panes.Add()
.Content(
@<text>
Some text
<strong> View Content </strong>
</text>
))
)
Sets the HTML content which the pane should display as a string.
The action which renders the view content.
<% Html.Kendo().MobileSplitView()
.Name("View")
.Panes(panes => panes.Add().Content("<strong> View Content </strong>"))
.Render();
%>
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileSplitView()
.Name("MobileSplitView")
.Panes(panes => panes.Add()
.Events(events => events
.Navigate("onNavigate")
))
%>
Defines the fluent API for configuring the Kendo MobileSplitView for ASP.NET MVC events.
Fires after the mobile SplitView and its child widgets are initialized.
The name of the JavaScript function that will handle the init event.
Fires when the mobile SplitView becomes visible.
The name of the JavaScript function that will handle the show event.
Initializes a new instance of the class.
The MobileSplitView component.
Builds the MobileSplitView markup.
Defines the fluent API for configuring the Kendo MobilePopOver for ASP.NET MVC.
Initializes a new instance of the class.
The component.
The pane configuration options.
The action that configures the pane.
The popup configuration options (tablet only)
The action that configures the popup.
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobilePopOver()
.Name("PopOver")
.Content(() =>
{
%>
<strong> PopOver Content </strong>
<%
})
.Render();
%>
Sets the HTML content which the content should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobilePopOver()
.Name("PopOver")
.Content(
@<text>
Some text
<strong> PopOver Content </strong>
</text>
)
)
Sets the HTML content which the popover content should display as a string.
The action which renders the view content.
<% Html.Kendo().MobilePopOver()
.Name("PopOver")
.Content("<strong> PopOver Content </strong>");
.Render();
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobilePopOver()
.Name("MobilePopOver")
.Events(events => events
.Close("onClose")
)
%>
Defines the fluent API for configuring the MobilePopOverPaneSettings settings.
The id of the initial mobile View to display.
The value that configures the initial.
The id of the default Pane Layout.
The value that configures the layout.
The text displayed in the loading popup. Setting this value to false will disable the loading popup.
The value that configures the loading.
The default View transition.
The value that configures the transition.
Defines the fluent API for configuring the MobilePopOverPopupSettings settings.
The height of the popup in pixels.
The value that configures the height.
The width of the popup in pixels
The value that configures the width.
The height of the popup in pixels.
The value that configures the height.
The width of the popup in pixels
The value that configures the width.
The direction to which the popup will expand, relative to the target that opened it
The value that configures the direction.
Defines the fluent API for configuring the Kendo MobilePopOver for ASP.NET MVC events.
Fires when popover is closed.
The name of the JavaScript function that will handle the close event.
Fires when popover is opened.
The name of the JavaScript function that will handle the open event.
Initializes a new instance of the class.
The MobilePopOver component.
Builds the MobilePopOver markup.
Gets the Header HTML attributes.
The HTML attributes.
Gets the Footer HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the Kendo MobileLayout for ASP.NET MVC.
Initializes a new instance of the class.
The component.
The specific platform this layout targets. By default, layouts are displayed
on all platforms.
The value that configures the platform.
Sets the HTML content which the header should display.
The action which renders the header.
<% Html.Kendo().MobileLayout()
.Name("Layout")
.Header(() =>
{
%>
<strong> View Header </strong>
<%
})
.Render();
%>
Sets the HTML content which the header should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileLayout()
.Name("Layout")
.Header(
@<text>
Some text
<strong> View Header </strong>
</text>
)
)
Sets the HTML content which the header should display as a string.
The action which renders the header.
<% Html.Kendo().MobileLayout()
.Name("Layout")
.Header("<strong> View Header </strong>");
.Render();
%>
Sets the HTML content which the footer should display.
The action which renders the footer.
<% Html.Kendo().MobileLayout()
.Name("Layout")
.Footer(() =>
{
%>
<strong> View Footer </strong>
<%
})
.Render();
%>
Sets the HTML content which the footer should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileLayout()
.Name("Layout")
.Footer(
@<text>
Some text
<strong> View Footer </strong>
</text>
)
)
Sets the HTML content which the footer should display as a string.
The action which renders the footer.
<% Html.Kendo().MobileLayout()
.Name("Layout")
.Footer("<strong> View Footer </strong>");
.Render();
%>
Sets the Header HTML attributes.
The HTML attributes.
Sets the Footer HTML attributes.
The HTML attributes.
Sets the Header HTML attributes.
The HTML attributes.
Sets the Footer HTML attributes.
The HTML attributes.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileLayout()
.Name("MobileLayout")
.Events(events => events
.Hide("onHide")
)
%>
Defines the fluent API for configuring the Kendo MobileLayout for ASP.NET MVC events.
Fires when a mobile View using the layout becomes hidden.
The name of the JavaScript function that will handle the hide event.
Fires after a mobile Layout and its child widgets is initialized.
The name of the JavaScript function that will handle the init event.
Fires when a mobile View using the layout becomes visible.
The name of the JavaScript function that will handle the show event.
Initializes a new instance of the class.
The MobileLayout component.
Builds the MobileLayout markup.
Creates a HTML element used as a view title.
The text for the content.
Returns HTML element representing default view title.
Defines the fluent API for configuring the Kendo MobileNavBar for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobileNavBar()
.Name("NavBar")
.Content(() =>
{
%>
<strong> View Title </strong>
<%
})
.Render();
%>
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobileNavBar()
.Name("NavBar")
.Content((navbar) =>
{
%>
<= navbar.ViewTitle("View Title")>
<%
})
.Render();
%>
Sets the HTML content which the content should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileNavBar()
.Name("NavBar")
.Content(
@<text>
Some text
<strong> View Title </strong>
</text>
)
)
Sets the HTML content which the content should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileNavBar()
.Name("NavBar")
.Content(@navbar =>
@<text>
Some text
@navbar.ViewTitle("View Title")
</text>
)
)
Sets the HTML content which the view content should display as a string.
The action which renders the view content.
<% Html.Kendo().MobileNavBar()
.Name("NavBar")
.Content("<strong> View Title </strong>");
.Render();
%>
Initializes a new instance of the class.
The MobileNavBar component.
Builds the MobileNavBar markup.
Defines the fluent API for configuring the Kendo MobileScrollView for ASP.NET MVC.
Initializes a new instance of the class.
The component.
If set to false the widget will not bind to the DataSource during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the DataSource specified in the configuration.Applicable only in data bound mode.
The value that configures the autobind.
The milliseconds that take the ScrollView to snap to the current page after released.
The value that configures the duration.
The template which is used to render the pages without content. By default the ScrollView renders a blank page.Applicable only in data bound mode.
The value that configures the emptytemplateid.
If set to true the ScrollView will display a pager. By default pager is enabled.
The value that configures the enablepager.
Determines how many data items will be passed to the page template.Applicable only in data bound mode.
The value that configures the itemsperpage.
The initial page to display.
The value that configures the page.
The template which is used to render the content of pages. By default the ScrollView renders a div element for every page.Applicable only in data bound mode.
The value that configures the templateid.
Specifies the tag name of the item element. By default it will be `div` element
The value that configures the itemtagname.
Specifies whether exactly one item per page must be shown
The value that configures the fititemperpage.
The height of the ScrollView content.
The value that configures the contentheight.
The velocity threshold after which a swipe will result in a bounce effect.
The value that configures the bouncevelocitythreshold.
Multiplier applied to the snap amount of the ScrollView. By default, the widget scrolls to the next screen when swipe. If the pageSize property is set to 0.5, the ScrollView will scroll by half of the widget width.
The value that configures the pagesize.
The velocity threshold after which a swipe will navigate to the next page (as opposed to snapping back to the current page).
The value that configures the velocitythreshold.
Contains the items of the ScrollView widget
The action that configures the items.
The height of the ScrollView content.
The value that configures the contentheight.
Instance of DataSource or the data that the mobile ScrollView will be bound to.
The value that configures the datasource.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileScrollView()
.Name("MobileScrollView")
.Events(events => events
.Change("onChange")
)
%>
Defines the fluent API for configuring the Kendo MobileScrollView for ASP.NET MVC events.
Fires before the widget page is changed. The change can be prevented by calling the preventDefault method of the event parameter, in which case the widget will snap back to the current page.
The name of the JavaScript function that will handle the changing event.
Fires when the widget page is changed.
The name of the JavaScript function that will handle the change event.
Fires when widget refreshes
The name of the JavaScript function that will handle the refresh event.
Initializes a new instance of the class.
The MobileScrollView component.
Builds the MobileScrollView markup.
Defines the fluent API for adding items to Kendo MobileScrollView for ASP.NET MVC
Gets the HTML attributes.
The HTML attributes.
Gets the content of the item
Defines the fluent API for configuring the MobileScrollViewItem settings.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobileScrollView()
.Name("View")
.Items(items => items.Add()
.Content(() =>
{
%>
<strong> View Content </strong>
<%
})
)
.Render();
%>
Sets the HTML content which the content should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileScrollView()
.Name("View")
.Items(items => items.Add()
.Content(
@<text>
Some text
<strong> View Content </strong>
</text>
)
)
)
Sets the HTML content which the view content should display as a string.
The action which renders the view content.
<% Html.Kendo().MobileScrollView()
.Name("View")
.Items(items => items.Add()
.Content("<strong> View Content </strong>"))
.Render();
%>
Defines the fluent API for configuring the Kendo MobileDetailButton for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor)
The value that configures the url.
Specifies the Pane transition
The value that configures the transition.
Specifies the id of target Pane or `_top` for application level Pane
The value that configures the target.
This value will be available when the action callback of ActionSheet item is executed
The value that configures the actionsheetcontext.
The icon of the button. It can be either one of the built-in icons, or a custom one.
The value that configures the icon.
Specifies predefined button style
The value that configures the style.
Use the align data attribute to specify the elements position inside the NavBar. By default, elements without any align are centered.
The value that configures the align.
Specifies the widget to be open when is tapped (the href must be set too)
The value that configures the rel.
Specifies the url for remote view to be loaded
Sets controller and action from where the remove view to be loaded.
Action name
Controller Name
Route values
Sets controller, action and routeValues from where the remove view to be loaded.
Action name
Controller Name
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileDetailButton()
.Name("MobileDetailButton")
.Events(events => events
.Click("onClick")
)
%>
Defines the fluent API for configuring the Kendo MobileDetailButton for ASP.NET MVC events.
Fires when the user taps the button.
The name of the JavaScript function that will handle the click event.
Initializes a new instance of the class.
The MobileDetailButton component.
Builds the MobileDetailButton markup.
Defines the fluent API for configuring the Kendo MobileApplication for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Whether to hide the browser address bar. Supported only in iPhone and iPod. Doesn't affect standalone mode as there the address bar is always hidden.
The value that configures the hideaddressbar.
Whether to update the document title.
The value that configures the updatedocumenttitle.
The id of the initial mobile View to display.
The value that configures the initial.
The id of the default Application layout.
The value that configures the layout.
The text displayed in the loading popup. Setting this value to false will disable the loading popup.Note: The text should be wrapped inside <h1> tag.
The value that configures the loading.
Which platform look to force on the application. Supported values are "ios6", "ios7","android", "blackberry" and "wp8".
The value that configures the platform.
If set to true, the application will not use AJAX to load remote views.
The value that configures the servernavigation.
The skin to apply to the application. Currently, Kendo UI Mobile ships with a flat skin in addition to the native looking ones.
The value that configures the skin.
Set the status bar style meta tag in iOS used to control the styling of the status bar in a pinned to the Home Screen app. Available as of Q2 2013 SP.
The value that configures the statusbarstyle.
The default View transition.
The value that configures the transition.
Disables the default behavior of Kendo UI Mobile apps to be web app capable (open in a chromeless browser). Introduced in Q2 2013.
The value that configures the webappcapable.
Specifies how history should be handled
The value that configures the pushstate.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileApplication()
.Events(events => events
.Init("onInit")
)
%>
Defines the fluent API for configuring the Kendo MobileListView for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Binds the MobileListView to a list of objects
The data source.
<%= Html.Kendo().MobileListView<Order>()
.Name("Orders")
.BindTo((IEnumerable<Order>)ViewData["Orders"]);
%>
Binds the MobileListView to a list of objects
The data source.
<%= Html.Kendo().MobileListView<Order>()
.Name("Orders")
.BindTo((IEnumerable)ViewData["Orders"]);
%>
Used in combination with pullToRefresh. If set to true, newly loaded data will be appended on top when refershing.
The value that configures the appendonrefresh.
Indicates whether the listview will call read on the DataSource initially.
The value that configures the autobind.
Instance of DataSource or the data that the mobile ListView will be bound to.
The value that configures the datasource.
If set to true, the listview gets the next page of data when the user scrolls near the bottom of the view.
The value that configures the endlessscroll.
If set to true, the group headers will persist their position when the user scrolls through the listview. Applicable only when the type is set to group, or when binding to grouped datasource.
The value that configures the fixedheaders.
The header item template (applicable when the type is set to group).
The value that configures the headertemplate.
If set to true, a button is rendered at the bottom of the listview, which fetch the next page of data when tapped.
The value that configures the loadmore.
The text of the rendered load-more button (applies only if loadMore is set to true).
The value that configures the loadmoretext.
The message template displayed when the user pulls the listView. Applicable only when pullToRefresh is set to true.
The value that configures the pulltemplate.
If set to true, the listview will reload its data when the user pulls the view over the top limit.
The value that configures the pulltorefresh.
The message template displayed during the refresh. Applicable only when pullToRefresh is set to true.
The value that configures the refreshtemplate.
The message template indicating that pullToRefresh will occur. Applicable only when pullToRefresh is set to true.
The value that configures the releasetemplate.
The distance to the bottom in pixels, after which the listview will start fetching the next page. Applicable only when endlessScroll is set to true.
The value that configures the scrolltreshold.
The distance to the bottom in pixels, after which the listview will start fetching the next page. Applicable only when endlessScroll is set to true.
The value that configures the scrolltreshold.
The style of the control. Can be either empty string(""), or inset.
The value that configures the style.
The item template.
The value that configures the template.
The type of the control. Can be either flat (default) or group. Determined automatically in databound mode.
The value that configures the type.
Indicates whether the filter input must be visible or not.
The action that configures the filterable.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileListView<Order>()
.Name("MobileListView")
.Events(events => events
.Click("onClick")
)
%>
Builds MobileListView items.
Action for declaratively building MobileListView items.
<% Html.Kendo().MobileListViewView()
.Name("View")
.Items(items =>
{
items.Add().Text("Item");
items.AddLink().Text("Link Item");
})
.Render();
%>
Defines the fluent API for configuring the MobileListViewFilterableSettings settings.
Placeholder text for search input.
The value that configures the placeholder.
Indicates whether filtering should be performed on every key up event or not.
The value that configures the autofilter.
Specifies the field which will be used in the filter expression.
The value that configures the field.
Specifies whether the filter expression must be case sensitive or not.
The value that configures the ignorecase.
Specifies the comparison operator used in the filter expression.
The value that configures the operator.
Defines the fluent API for configuring the Kendo MobileListView for ASP.NET MVC events.
Fires when item is tapped.
The name of the JavaScript function that will handle the click event.
Fires when the ListView has received data from the data source.
The name of the JavaScript function that will handle the dataBound event.
Fires when the ListView is about to be rendered.
The name of the JavaScript function that will handle the dataBinding event.
Fires when the last page of the ListView is reached. Event will be raised only if the 'endless scroll' or 'load more' option is enabled.
The name of the JavaScript function that will handle the lastPageReached event.
Initializes a new instance of the class.
The MobileListView component.
Builds the MobileListView markup.
Defines the fluent API for configuring the Kendo MobileDrawer for ASP.NET MVC.
Initializes a new instance of the class.
The component.
If set to false, swiping the view will not activate the drawer. In this case, the drawer will only be open by a designated button
The value that configures the swipetoopen.
The text to display in the Navbar title (if present).
The value that configures the title.
The position of the drawer. Can be left (default) or right.
The value that configures the position.
Sets the HTML content which the header should display.
The action which renders the header.
<% Html.Kendo().MobileDrawer()
.Name("Drawer")
.Header(() =>
{
%>
<strong> Drawer Header </strong>
<%
})
.Render();
%>
Sets the HTML content which the header should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileDrawer()
.Name("Drawer")
.Header(
@<text>
Some text
<strong> Drawer Header </strong>
</text>
)
)
Sets the HTML content which the header should display as a string.
The action which renders the header.
<% Html.Kendo().MobileDrawer()
.Name("Drawer")
.Header("<strong> Drawer Header </strong>");
.Render();
%>
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobileDrawer()
.Name("Drawer")
.Content(() =>
{
%>
<strong> Drawer Content </strong>
<%
})
.Render();
%>
Sets the HTML content which the content should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileDrawer()
.Name("Drawer")
.Content(
@<text>
Some text
<strong> Drawer Content </strong>
</text>
)
)
Sets the HTML content which the view content should display as a string.
The action which renders the view content.
<% Html.Kendo().MobileDrawer()
.Name("Drawer")
.Content("<strong> Drawer Content </strong>");
.Render();
%>
Sets the HTML content which the footer should display.
The action which renders the footer.
<% Html.Kendo().MobileDrawer()
.Name("Drawer")
.Footer(() =>
{
%>
<strong> Drawer Footer </strong>
<%
})
.Render();
%>
Sets the HTML content which the footer should display.
The content wrapped in a regular HTML tag or text tag (Razor syntax).
@(Html.Kendo().MobileDrawer()
.Name("Drawer")
.Footer(
@<text>
Some text
<strong> Drawer Footer </strong>
</text>
)
)
Sets the HTML content which the footer should display as a string.
The action which renders the footer.
<% Html.Kendo().MobileDrawer()
.Name("Drawer")
.Footer("<strong> Drawer Footer </strong>");
.Render();
%>
A list of the view ids on which the drawer will appear. If omitted, the drawer can be revealed on any view in the application.
The list of view ids on which the drawer will appear.
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileDrawer()
.Name("MobileDrawer")
.Events(events => events
.BeforeShow("onBeforeShow")
)
%>
Defines the fluent API for configuring the Kendo MobileDrawer for ASP.NET MVC events.
Fires before the mobile Drawer is revealed. The event can be prevented by calling the preventDefault method of the event parameter.
The name of the JavaScript function that will handle the beforeShow event.
Fired when the mobile Drawer is closed by the user.
The name of the JavaScript function that will handle the hide event.
Fired when the mobile Drawer and its child widgets are initialized.
The name of the JavaScript function that will handle the init event.
Fires when the Drawer is shown.
The name of the JavaScript function that will handle the show event.
Initializes a new instance of the class.
The MobileDrawer component.
Builds the MobileDrawer markup.
Defines the fluent API for configuring the Kendo MobileApplication for ASP.NET MVC events.
Fires after the mobile application is instantiated.
The name of the JavaScript function that will handle the init event.
Defines the fluent API for configuring the Kendo Map for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Configures the center of the map.
The latitude
The longtitude
The configuration of built-in map controls.
The action that configures the controls.
The default configuration for map layers by type.
The action that configures the layerdefaults.
The configuration of the map layers.
The layer type is determined by the value of the type field.
The action that configures the layers.
The default options for all markers.
The action that configures the markerdefaults.
The initial markers to display on the map.
The action that configures the markers.
The minimum zoom level.
The value that configures the minzoom.
The maximum zoom level.
The value that configures the maxzoom.
The size of the map in pixels at zoom level 0.
The value that configures the minsize.
The map theme name.The built-in themes are:
The value that configures the theme.
The initial zoom level.Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).The map size is derived from the zoom level and minScale options: size = (2 ^ zoom) * minSize
The value that configures the zoom.
Configures the client-side events.
The client events action.
<%= Html.Kendo().Map()
.Name("Map")
.Events(events => events
.Click("onClick")
)
%>
Defines the fluent API for configuring the MapControlsSettings settings.
Enables or disables the built-in attribution control.
The value that configures the attribution.
Enables or disables the built-in navigator control (directional pad).
The action that configures the navigator.
Enables or disables the built-in zoom control (+/- button).
The action that configures the zoom.
Defines the fluent API for configuring the MapControlsNavigatorSettings settings.
The position of the navigator control. Possible values include:
The value that configures the position.
Defines the fluent API for configuring the MapControlsZoomSettings settings.
The position of the zoom control. Possible values include:
The value that configures the position.
Defines the fluent API for configuring the MapLayerDefaultsSettings settings.
The default configuration for shape layers.
The action that configures the shape.
The default configuration for tile layers.
The action that configures the tile.
Defines the fluent API for configuring the MapLayerDefaultsShapeSettings settings.
The attribution for all shape layers.
The value that configures the attribution.
The default style for shapes.
The action that configures the style.
Defines the fluent API for configuring the MapLayerDefaultsTileSettings settings.
The URL template for tile layers. Template variables:
The value that configures the urltemplateid.
The attribution of all tile layers.
The value that configures the attribution.
The the opacity of all tile layers.
The value that configures the opacity.
Defines the fluent API for adding items to Kendo Map for ASP.NET MVC
Defines the fluent API for configuring the MapLayer settings.
Configures the data source of the map layer.
The configuration of the data source.
Configures of the subdomains.
The subdomains
If set to false the layer will not bind to the data source during initialization. In this case data binding will occur when the change event of the
data source is fired. By default the widget will bind to the data source specified in the configuration.
The value that configures the autobind.
The attribution for the layer.
The value that configures the attribution.
The the opacity for the layer.
The value that configures the opacity.
The default style for shapes.
The action that configures the style.
The URL template for tile layers. Template variables:
The value that configures the urltemplateid.
The layer type. Supported types are "tile" and "shape".
The value that configures the type.
Defines the fluent API for configuring the MapLayerFillSettings settings.
The default fill color for layer shapes.
Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default fill opacity (0 to 1) for layer shapes.
The value that configures the opacity.
Defines the fluent API for configuring the MapLayerStrokeSettings settings.
The default stroke color for layer shapes.
Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default stroke opacity (0 to 1) for layer shapes.
The value that configures the opacity.
Defines the fluent API for configuring the MapMarkerDefaultsSettings settings.
The default marker color. Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default marker size in pixels.
The value that configures the size.
The default marker shape. Supported shapes:
The value that configures the shape.
Defines the fluent API for adding items to Kendo Map for ASP.NET MVC
Gets the HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the MapMarker settings.
The marker color. Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The marker size in pixels.
The value that configures the size.
The marker shape. Supported shapes are "pin" and "circle".
The value that configures the shape.
Configures the position of the marker.
The latitude
The longtitude
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
Defines the fluent API for configuring the Kendo Map for ASP.NET MVC events.
Fired when the user clicks on the map.
The name of the JavaScript function that will handle the click event.
Fired when the map is reset, e.g. on initial load or during zoom.
The name of the JavaScript function that will handle the reset event.
Fired while the map viewport is being moved.
The name of the JavaScript function that will handle the pan event.
Fires after the map viewport has been moved.
The name of the JavaScript function that will handle the panEnd event.
Fired when a shape is clicked or tapped.
The name of the JavaScript function that will handle the shapeClick event.
Fired when a shape is created, but is not rendered yet.
The name of the JavaScript function that will handle the shapeCreated event.
Fired when the mouse enters a shape.
The name of the JavaScript function that will handle the shapeMouseEnter event.
Fired when the mouse leaves a shape.
The name of the JavaScript function that will handle the shapeMouseLeave event.
Fired when the map zoom level is about to change.
The name of the JavaScript function that will handle the zoomStart event.
Fired when the map zoom level has changed.
The name of the JavaScript function that will handle the zoomEnd event.
Initializes a new instance of the class.
The Map component.
Builds the Map markup.
Defines the fluent API for configuring the MapLayerDefaultsShapeStyleSettings settings.
The default fill for layer shapes.
Accepts a valid CSS color string or object with detailed configuration.
The action that configures the fill.
The default stroke for layer shapes.
Accepts a valid CSS color string or object with detailed configuration.
The action that configures the stroke.
Defines the fluent API for configuring the MapLayerDefaultsShapeStyleFillSettings settings.
The default fill color for layer shapes.
Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default fill opacity (0 to 1) for layer shapes.
The value that configures the opacity.
Defines the fluent API for configuring the MapLayerDefaultsShapeStyleStrokeSettings settings.
The default stroke color for layer shapes.
Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default dash type for layer shapes.
The following dash types are supported:
The value that configures the dashtype.
The default stroke opacity (0 to 1) for layer shapes.
The value that configures the opacity.
The default stroke width for layer shapes.
The value that configures the width.
Defines the fluent API for configuring the MapLayerStyleSettings settings.
The default fill for layer shapes.
Accepts a valid CSS color string or object with detailed configuration.
The action that configures the fill.
The default stroke for layer shapes.
Accepts a valid CSS color string or object with detailed configuration.
The action that configures the stroke.
Defines the fluent API for configuring the MapLayerStyleFillSettings settings.
The default fill color for layer shapes.
Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default fill opacity (0 to 1) for layer shapes.
The value that configures the opacity.
Defines the fluent API for configuring the MapLayerStyleStrokeSettings settings.
The default stroke color for layer shapes.
Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default dash type for layer shapes.
The following dash types are supported:
The value that configures the dashtype.
The default stroke opacity (0 to 1) for layer shapes.
The value that configures the opacity.
The default stroke width for layer shapes.
The value that configures the width.