Kendo.Mvc
Provides extension methods to process TreeDataSourceRequest.
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 Update.
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 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 file.
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 View HTML.
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 not null.
Looks up a localized string similar to Is null.
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 Is not null.
Looks up a localized string similar to Is null.
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 Is not null.
Looks up a localized string similar to Is null.
Looks up a localized string similar to Operator.
Looks up a localized string similar to Or.
Looks up a localized string similar to Search.
Looks up a localized string similar to {0} selected items.
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 empty.
Looks up a localized string similar to Is equal to.
Looks up a localized string similar to Is not empty.
Looks up a localized string similar to Is not equal to.
Looks up a localized string similar to Is not null.
Looks up a localized string similar to Is null.
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 Select All.
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 Export to Excel.
Looks up a localized string similar to Lock.
Looks up a localized string similar to No records available..
Looks up a localized string similar to Export to PDF.
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 Unlock.
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 All.
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 More pages.
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 Drop Column Fields Here.
Looks up a localized string similar to Columns.
Looks up a localized string similar to Fields.
Looks up a localized string similar to Drop Data Fields Here.
Looks up a localized string similar to Measures.
Looks up a localized string similar to Drop Rows Fields Here.
Looks up a localized string similar to Rows.
Looks up a localized string similar to Cancel.
Looks up a localized string similar to Clear.
Looks up a localized string similar to Filter.
Looks up a localized string similar to Fields Filter.
Looks up a localized string similar to Include Fields....
Looks up a localized string similar to Show items with value that:.
Looks up a localized string similar to Ok.
Looks up a localized string similar to Fields to include.
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 All events.
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 No 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 Ends.
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 Work 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.
Fixed group template which will be rendered as a static group header of the popup element.
FixedGroupTemplateId to be used for rendering the static header of the popup element.
Group template which will be rendered as a group header of each new group in the popup.
GroupTemplateId to be used for rendering the static header of the popup element.
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")
%>
Configures the popup settings of the widget.
Configures the virtualization settings of the widget.
Configures the virtualization settings of the widget.
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 inline handler of the Filtering client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Filtering(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Filtering client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().AutoComplete()
.Name("AutoComplete")
.Events(events => events.Filtering("filtering"))
%>
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 series visible function
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 a Function that returns the JavaScript handler for the labels 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.
Gets or sets the label visual handler.
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 series visible function
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 a Function that returns the JavaScript handler for the labels color.
The Function.
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.
Gets or sets the label visual handler.
The label visual handler.
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 rotation options for the labels.
Gets or sets the rotation angle.
The rotation angle.
Gets or sets the rotation alignment.
The rotation alignment.
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 category axis minimum value.
Specifies the date category axis maximum value.
Gets or sets the axis selection.
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 value.
Specifies the category axis maximum value.
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.
Gets or sets the note visual handler.
The note visual handler.
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.
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.
Gets or sets the axis title visibility.
Gets or sets the title visual function
Initializes a new instance of the class.
Gets or sets the ticks size.
Gets or sets the ticks visibility.
Gets or sets the ticks step.
Gets or sets the ticks skip.
Gets or sets the ticks color.
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
PDF Export settings
Pannble settings
Zoomable settings
Gets or sets the legent item visual handler.
The legent item visual handler.
Gets or sets the item cursor style.
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
Gets or sets the legend orientation
Gets or sets the legend width
Gets or sets the legend height
Gets or sets the legend reverse
Gets or sets the legend item
Gets or sets the legend align option
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
Gets or sets the pane clip option
Initializes a new instance of the class.
Initializes a new instance of the class.
Gets or sets the note value.
Defines the chart legend alignment
The legend is aligned to the start
The legend is aligned to the center
The legend is aligned to the end
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 behavior rendering the line between values in line series.
The value of the stack is the sum of all points in the category (or group).
The value of the stack is always 100% (1.0). Points within the category (or group) are represented as percentages.
Defines the orientation of the legend.
The orientation is verical
The orientation is horizontal
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))
)
%>
Initializes a new instance of the class.
The chart legend item.
Sets the legend item cursor style
The cursor style.
Sets the legend item visual handler
The handler name.
Sets the note visual handler
The handler
Defines the fluent interface for configuring the chart mouse wheel zoom options.
Lock the specified axis during zooming.
Defines the fluent interface for configuring the chart pannable options.
Lock the specified axis during panning.
Set the key that shuold be pressed to activate panning.
Defines the fluent interface for configuring the chart range bar 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 function used to set the labels visibility.
The JavaScript function that will be executed
to retrieve the visible state of each label.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.VisibleHandler("labelVisible")
);
)
.Render();
%>
Sets the function used to set the labels visibility.
The JavaScript function that will be executed
to retrieve the visible state of each label.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.VisibleHandler(
@<text>
function(point) {
return point.value > 5;
}
</text>
)
);
)
.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 a Function that returns the JavaScript handler for the labels color.
The labels text color.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Labels(labels => labels
.Color(o => "colorHandler")
.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();
%>
Sets the labels visual handler
The handler
Initializes a new instance of the class.
The labels configuration.
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();
%>
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)
.ColorHandler(
@<text>
function(point) {
return point.value > 5 ? "red" : "green";
}
</text>
)
)
.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)
.ColorHandler("pointColor")
)
.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))
%>
Sets the axis name to use for this series.
The category axis name for this series.
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();
%>
Sets the labels visibility in the legend
The series visibility in the legend.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).VisibleInLegend(false))
.Render();
%>
Configures the series notes
The configuration action.
Sets the function used to retrieve point color.
The JavaScript function that will be executed
to retrieve the value of each aggregated point.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Aggregate(
@<text>
function(values) {
return values[0];
}
</text>
)
)
.Render();
%>
Sets the function used to retrieve point color.
The JavaScript function that will be executed
to retrieve the value of each aggregated point.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Aggregate("myAggregate")
)
.Render();
%>
<script>
function myAggregate(values) {
return values[0];
}
</script>
Sets the series stacking order relative to other series.
The stacking order of series, relative to other series.
The series with the highest Z-index will be placed on top.
Series with no Z-index will use the default stacking order based on series type.
For example line series will be on top with bar and area following below.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => {
series.Area(s => s.Sales).ZIndex(2);
series.Column(s => s.Price).ZIndex(1);
})
%>
Gets or sets the series.
The series.
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 group.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Stack("Female"))
%>
Sets the name of the stack that this series belongs to. Each unique name creates a new stack.
The stack type.
The name of the stack group.
<%= 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();
%>
Sets the value field for the series
The value field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value"))
.Render();
%>
Sets the category field for the series
The category field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").CategoryField("Category"))
.Render();
%>
Sets the color field for the series
The color field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").ColorField("Color"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText"))
.Render();
%>
Sets the series visual handler
The handler name.
Sets the series visual handler
The handler
Defines the fluent interface for configuring the chart selection zoom options.
Lock the specified axis during zooming.
Set the key that shuold be pressed to activate selection zooming.
Defines the fluent interface for configuring bar series.
The type of the data item
Initializes a new instance of the class.
The series.
Defines the fluent interface for configuring candlestick 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.
Sets the highlight toggle handler
The toggle handler name.
Sets the highlight toggle handler
The toggle handler
Sets the highlight visual handler
The visual handler name.
Sets the highlight visual handler
The visual handler
Gets or sets the highlight
Initializes a new instance of the class.
The series highlight.
Defines the fluent interface for configuring polar axis.
Defines the fluent interface for configuring numeric axis.
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 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"))
%>
Initializes a new instance of the class.
The axis.
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.
Defines the fluent interface for configuring the chart zoomable options.
Enable or disable mouse wheel zooming.
Configure mouse wheel zooming.
Enable or disable selection zooming.
Configure selection zooming.
Defines the fluent interface for configuring area series.
The type of the data item
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 a value indicating the type of stacking to use.
A value indicating the stacking type.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Area(s => s.Sales).Stack(ChartStackType.Stack100))
%>
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
.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);
)
%>
Sets the value field for the series
The value field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Area(Model.Records).Field("Value"))
.Render();
%>
Sets the category field for the series
The category field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Area(Model.Records).Field("Value").CategoryField("Category"))
.Render();
%>
Sets the color field for the series
The color field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Area(Model.Records).Field("Value").ColorField("Color"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Area(Model.Records).Field("Value").NoteTextField("NoteText"))
.Render();
%>
Configures the series highlight
The configuration action.
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();
%>
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();
%>
Defines the fluent interface for configuring bar series.
The type of the data item
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 series.
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 a value indicating the type of stacking to use.
A value indicating the stacking type.
<%= Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Line(s => s.Sales).Stack(ChartStackType.Stack100))
%>
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);
)
%>
Sets the value field for the series
The value field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Line(Model.Records).Field("Value"))
.Render();
%>
Sets the category field for the series
The category field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Line(Model.Records).Field("Value").CategoryField("Category"))
.Render();
%>
Sets the color field for the series
The color field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Line(Model.Records).Field("Value").ColorField("Color"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Line(Model.Records).Field("Value").NoteTextField("NoteText"))
.Render();
%>
Configures the series highlight
The configuration action.
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))
)
%>
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);
)
%>
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
Not applicable to scatter series
Sets the X field for the series
The value X field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Scatter(Model.Records).XField("X").YField("Y"))
.Render();
%>
Sets the Y field for the series
The value Y field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Scatter(Model.Records).XField("X").YField("Y"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText"))
.Render();
%>
Sets the X and Y fields for the series
The X field for the series
The Y field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Scatter(Model.Records).Fields("X", "Y"))
.Render();
%>
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);
)
%>
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.
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 bar visual handler.
The error bar visual handler.
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
Configure the series tooltip.
Use the configurator to set the tooltip options.
Sets the tooltip visibility.
A value indicating if the tooltip should be displayed.
Sets the series visual handler
The handler name.
Sets the series visual handler
The handler
Gets or sets the series.
The series.
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
.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)))
)
%>
Sets the error bar visual handler
The handler name.
Sets the error bar visual handler
The handler
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
Sets the pane clip option
The pane clip option value.
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.
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}");
})
)
%>
Sets the current field for the series
The current field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullter(Model.Records).CurrentField("Current").TargetField("Target"))
.Render();
%>
Sets the target field for the series
The target field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bullter(Model.Records).CurrentField("Current").TargetField("Target"))
.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
.Bullet(s => s.Current, s => s.Target)
.ColorHandler(
@<text>
function(point) {
return point.value > 5 ? "red" : "green";
}
</text>
)
)
.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
.Bullet(s => s.Current, s => s.Target)
.ColorHandler("pointColor")
)
.Render();
%>
Sets the color field for the series
The color field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").ColorField("Color"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText"))
.Render();
%>
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();
%>
Sets the labels padding
The labels top padding.
The labels right padding.
The labels bottom padding.
The labels left padding.
Sets the labels padding
The labels padding.
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();
%>
Sets the note visual handler
The handler name.
Sets the note visual handler
The handler
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);
)
%>
Sets the category field for the series
The category field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").CategoryField("Category"))
.Render();
%>
Sets the color field for the series
The color field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").ColorField("Color"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").NoteTextField("NoteText"))
.Render();
%>
Sets the lower field for the series
The lower field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").LowerField("Lower"))
.Render();
%>
Sets the q1 field for the series
The q1 field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").Q1Field("Q1"))
.Render();
%>
Sets the median field for the series
The median field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").MedianField("Median"))
.Render();
%>
Sets the q3 field for the series
The q3 field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").Q3Field("Q3"))
.Render();
%>
Sets the upper field for the series
The upper field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").UpperField("Upper"))
.Render();
%>
Sets the mean field for the series
The mean field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").MeanField("Mean"))
.Render();
%>
Sets the outliers field for the series
The outliers field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.BoxPlot(Model.Records).Field("Value").OutliersField("Outliers"))
.Render();
%>
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 sum of all values for the date period. If there are not data for the current period of time the aggregate will return 'null'(instead of 'zero' for the sum aggregate).
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.
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.
Sets the value field for the series
The value field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(Model.Records).Field("Value"))
.Render();
%>
Sets the category field for the series
The category field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(Model.Records).Field("Value").CategoryField("Category"))
.Render();
%>
Sets the color field for the series
The color field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(Model.Records).Field("Value").ColorField("Color"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(Model.Records).Field("Value").NoteTextField("NoteText"))
.Render();
%>
Sets the explode field for the series
The explode field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(Model.Records).Field("Value").ExplodeField("Explode"))
.Render();
%>
Sets the visibleInLegend field for the series
The visibleInLegend field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(Model.Records).Field("Value").VisibleInLegendField("VisibleInLegend"))
.Render();
%>
Configure the series tooltip.
Use the configurator to set the tooltip options.
Sets the tooltip visibility.
A value indicating if the tooltip should be displayed.
Sets the series visual handler
The handler name.
Sets the series visual handler
The handler
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.
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();
%>
Sets the axis title visibility
The axis title visibility.
Sets the function used to render the axis title.
The JavaScript function that will be executed
to retrieve the visual of the axis title.
Sets the function used to render the axis title.
The JavaScript function that will be executed
to retrieve the visual of the axis title.
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();
%>
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();
%>
Sets the line color
The line color.
<% Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis.MajorTicks(lines => lines.Color("red")))
.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
.DateFormats(formats => formats
.Days("dd")
)
)
)
%>
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
.Weeks("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.
Sets the open field for the series
The open field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
.Render();
%>
Sets the close field for the series
The close field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
.Render();
%>
Sets the high field for the series
The high field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
.Render();
%>
Sets the low field for the series
The low field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close"))
.Render();
%>
Sets the value fields for the series
The open field for the series
The value fields for the series
The low field for the series
The close field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(Model.Records).Fields("Open", "High", "Low", "Close"))
.Render();
%>
Sets the color field for the series
The color field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close").ColorField("Color"))
.Render();
%>
Sets the note text field for the series
The note text field for the series
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close").NoteTextField("NoteText"))
.Render();
%>
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.
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 function used to retrieve marker background.
The JavaScript function that will be executed
to retrieve the background of each marker.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(m =>
m.BackgroundHandler(
@<text>
function(point) {
return point.value > 5 ? "red" : "green";
}
</text>
)
)
)
.Render();
%>
Sets the function used to retrieve marker background.
The JavaScript function that will be executed
to retrieve the background of each marker.
<% Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(m => m.BackgroundHandler("backgroundFn"))
)
.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();
%>
Sets the marker visual handler
The handler name.
Sets the marker visual handler
The handler
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 range bar series
Defines the default settings range 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.
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 logarithmic value axis.
Defines a logarithmic value axis.
Defines a date value axis.
Defines a date value axis.
Defines a polar value axis.
Defines a polar value axis.
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
Sets the legend orientation
The legend orientation.
Sets the legend width
The legend width.
Sets the legend height
The legend height.
Reverses the order of the legend items
True if the items should be reversed; false otherwise.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Reverse(true))
.Render();
%>
Configures the legend item
The legend item configuration action
Sets the legend align option
The legend align option.
<% Html.Kendo().Chart()
.Name("Chart")
.Legend(legend => legend.Align(ChartLegendAlign.Start))
.Render();
%>
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 inline handler of the PlotAreaHover client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.PlotAreaHover(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the PlotAreaHover client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.PlotAreaHover("onPlotAreaHover"))
%>
Defines the inline handler of the Render client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Render(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the Render client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.Render("onRender"))
%>
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 name of the JavaScript function that will handle the the NoteClick client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.NoteClick("onNoteClick"))
%>
Defines the inline handler of the NoteClick client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.NoteClick(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
Defines the name of the JavaScript function that will handle the the NoteHover client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.NoteHover("onNoteHover"))
%>
Defines the inline handler of the NoteHover client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Chart()
.Name("Chart")
.Events(events => events.NoteHover(
@<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");
})
%>
Configures the PDF export settings.
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)
%>
Configure the chart pannable options.
Enables or disabled zooming.
<%= Html.Kendo().Chart()
.Name("Chart")
.Zoomable(true)
%>
Configure the chart zoomable options.
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
Defines bound vertical 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
Defines bound waterfall 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 summary type from the chart model
Defines bound waterfall series.
The expression used to extract the point value from the chart model
Defines bound waterfall series.
The name of the value member.
The name of the category member.
The name of the note summary type member.
Defines bound waterfall series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note summary type member.
Defines waterfall series bound to inline data.
The data to bind to.
Defines bound horizontal waterfall 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 summary type from the chart model
Defines bound horizontal waterfall series.
The expression used to extract the point value from the chart model
Defines bound horizontal waterfall series.
The name of the value member.
The name of the category member.
The name of the note summary type member.
Defines bound horizontal waterfall series.
The type of the value member.
The name of the value member.
The name of the category member.
The name of the note summary type member.
Defines horizontal waterfall 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())
))
%>
Sets the minimum value.
Sets the maximum value.
The parent Chart
Initializes a new instance of the class.
The Chart component.
Creates the chart top-level div.
Builds the Chart component markup.
Defines the possible series orientation.
The series are horizontal (bar chart, line chart, etc.)
The series are vertical (column chart, vertical line chart, etc.)
Defines the available bar series effects overlays
The bars have no effect overlay
The bars have glass effect overlay
Initializes a new instance of the class.
Gets or sets the label position.
Gets or sets the label text.
The series name.
The series opacity
The series base color
Gets or sets the series color function
Aggregate function for date series.
Gets or sets the data point tooltip options
Gets or sets the axis name to use for this series.
Gets or sets the category 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 visibility of the series in the legend.
Gets or sets the series notes options
Gets or sets the series Z-Index.
A numeric value that will be compared with
other series to determine stacking order.
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
Aggregate function for date series.
Gets or sets the data point tooltip options
Gets or sets the axis name to use for this series.
The axis name.
Gets or sets the category axis name to use for this series.
The category 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 a value indicating if the series is visible in the legend
Gets or sets the series notes options
Gets or sets the series Z-Index.
A numeric value that will be compared with
other series to determine stacking order.
Gets the data member of the series.
Gets the model data category member name.
The model data category member name.
Gets the model color member name.
The model color 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 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 series data.
Initializes a new instance of the class.
The data used for binding.
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 color member name.
The model color 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.
A value indicating if the areas should be stacked.
The type of stack to plot
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.
The type of stack to plot
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.
Initializes a new instance of the class.
Gets or sets the label position.
The default value is for clustered series and
for stacked series.
A value indicating if the bars should be stacked.
The stack group that this series belongs to.
The type of stack to plot
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 or series visual handler.
The series visual handler.
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.
The stack name that this series belongs to.
The type of stack to plot
Aggregate function for date series.
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 or sets the series color for negative values
Gets or sets series visual handler.
The series visual handler.
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.
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.
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.
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.
The orientation of the series.
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.
The orientation of the chart.
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 scatter chart error bars 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 scatter chart error bars configuration.
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.
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 a value indicating if the series is visible in the legend
Gets or sets the series color function
Aggregate function for date series.
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 category axis name to use for this series.
The category 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
Gets or sets the series Z-Index.
A numeric value that will be compared with
other series to determine stacking order.
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.
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.
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
Gets the series type.
Gets the data explode member of the series.
Gets the data visibleInLegend 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
Gets or sets the series visual handler.
The series visual handler.
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
Gets or sets the series visual handler.
The series visual handler.
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.
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 or sets the funnel chart data labels configuration
Gets or sets the funnel segments border
Gets or sets the series visual handler.
The series visual handler.
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 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
Gets or sets the series visual handler.
The series visual handler.
A value indicating if the lines should be stacked.
The type of stack to plot
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.
The type of stack to plot
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.
Initializes a new instance of the class.
Gets or sets the markers size.
Gets or sets the markers background.
Gets or sets the markers background function.
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.
Gets or sets the marker visual handler.
The marker visual handler.
Initializes a new instance of the class.
Gets or sets the negative value bubbles color.
Gets or sets the markers visibility.
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.
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.
Initializes a new instance of the class.
Gets or sets the label position.
The default value is for clustered series and
for stacked 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.
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 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.
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 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.
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.
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.
Defines the from label
Defines the to label
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.
The default settings for all bar series
The default settings for all column series
The default settings for all range bar series
The default settings for all range 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 range bar series.
The default settings for all range 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 highlight opacity
Gets or sets the highlight opacity
Gets or sets the highlight border.
Gets or sets the highlight line configuration
The highlight markers configuration.
Gets or sets a value indicating if the highlight is visible
Gets or sets the highlight toggle handler.
The highlight toggle handler.
Gets or sets the highlight visual handler.
The highlight visual handler.
Gets the model summary type member name.
The model summary type member name.
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 summary type from the chart model.
Initializes a new instance of the class.
The data to bind to.
Initializes a new instance of the class.
Gets the model summary type member name.
The model summary type member name.
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 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.
Specifies whether the widget should display the Apply / Cancel buttons.Applicable only for the HSV selector, when a pallete is not specified.
The value that configures the buttons.
The number of columns to show in the color dropdown when a pallete is specified.
This is automatically initialized for the "basic" and "websafe" palettes.
If you use a custom palette then you can set this to some value that makes sense for your colors.
The value that configures the columns.
Allows localization of the strings that are used in the widget.
The action that configures the messages.
Only for the HSV selector. If true, the widget will display the opacity slider.
Note that currently in HTML5 the <input type="color"> does not support opacity.
The value that configures the opacity.
Only applicable for the HSV selector.Displays the color preview element, along with an input field where the end user can paste a color in a CSS-supported notation.
The value that configures the preview.
A CSS class name to display an icon in the color picker button. If
specified, the HTML for the element will look like this:
The value that configures the toolicon.
The initially selected color.
Note that when initializing the widget from an <input> element, the initial color will be decided by the field instead.
The value that configures the value.
Configures the client-side events.
The client events action.
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
.Events(events =>
events.Select("select").Change("change")
)
%>
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)
%>
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 inline handler of the Filtering client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Filtering(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Filtering client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().ComboBox()
.Name("ComboBox")
.Events(events => events.Filtering("filtering"))
%>
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"))
)
Represents the menu item opening direction.
Bottom direction
Left direction
Right direction
Top direction
Specifies the orientation in which the menu items will be ordered
Items are oredered horizontally
Items are oredered vertically
Kendo UI DataSource component
Defines the fluent API for configuring the Kendo UI DataSource
Gets the view component.
The component.
Use it to configure Ajax binding.
Use it to configure WebApi binding.
Use it to configure Custom binding.
Use it to configure SignalR binding.
Defines the fluent interface for configuring the .
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
Specifies if the defaultValue setting should be used. The default is false.
The value
Defines the fluent interface for configuring group.
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 sorted in descending order and grouped.
Member name
/// Member type
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.
The member name.
Specify the member used to identify an unique Model instance.
The member name.
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 for the parentId field.
Member access expression which describes the member
Specify the member used for the parentId field.
The member name.
Type of the field
Specify the member used for the expanded field.
Member access expression which describes the member
Specify the member used for the expanded field.
The member name.
Type of the field
Specify the default value of the expanded field.
The member name.
Type of the field
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
Defines the fluent interface for configuring the component.
Checkes or unchecks the checkbox.
Enables or disables the checkbox.
Defines the fill color.
The value that configures the color.
Defines the fill opacity.
The value that configures the opacity.
Defines the fluent API for configuring the hover settings.
Hover's fill options.
The action that configures the fill.
Hover's stroke options.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramPdfMarginSettings settings.
The bottom margin. Numbers are considered as "pt" units.
The value that configures the bottom.
The left margin. Numbers are considered as "pt" units.
The value that configures the left.
The right margin. Numbers are considered as "pt" units.
The value that configures the right.
The top margin. Numbers are considered as "pt" units.
The value that configures the top.
Defines the fluent API for configuring the DiagramPdfSettings settings.
The author of the PDF document.
The value that configures the author.
The creator of the PDF document.
The value that configures the creator.
The date when the PDF document is created. Defaults to new Date().
The value that configures the date.
Specifies the file name of the exported PDF file.
The value that configures the filename.
If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.
The value that configures the forceproxy.
Specifies the keywords of the exported PDF file.
The value that configures the keywords.
Set to true to reverse the paper dimensions if needed such that width is the larger edge.
The value that configures the landscape.
Specifies the margins of the page (numbers or strings with units). Supported
units are "mm", "cm", "in" and "pt" (default).
The action that configures the margin.
Specifies the paper size of the PDF document.
The default "auto" means paper size is determined by content.Supported values:
The value that configures the papersize.
The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally.
Such browsers are IE version 9 and lower and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with set "Content-Disposition" header.
The value that configures the proxyurl.
A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe,
the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>".
The value that configures the proxytarget.
Sets the subject of the PDF file.
The value that configures the subject.
Sets the title of the PDF file.
The value that configures the title.
Defines the fluent API for configuring the DiagramShapeDefaultsFillGradientSettings settings.
The type of the gradient. Supported values are:Note that support for radial gradients in VML (IE8 and below) is limited.
Not all configurations are guaranteed to work.
The value that configures the type.
The center of the radial gradient.Coordinates are relative to the shape bounding box.
For example [0, 0] is top left and [1, 1] is bottom right.
The value that configures the center.
The radius of the radial gradient relative to the shape bounding box.
The value that configures the radius.
The start point of the linear gradient.Coordinates are relative to the shape bounding box.
For example [0, 0] is top left and [1, 1] is bottom right.
The value that configures the start.
The end point of the linear gradient.Coordinates are relative to the shape bounding box.
For example [0, 0] is top left and [1, 1] is bottom right.
The value that configures the end.
The array of gradient color stops.
The action that configures the stops.
Defines the fluent API for configuring the DiagramShapeDefaultsFillGradientSettingsStop settings.
The stop offset from the start of the element.
Ranges from 0 (start of gradient) to 1 (end of gradient).
The value that configures the offset.
The color in any of the following formats.| Format | Description
| --- | --- | ---
| red | Basic or Extended CSS Color name
| #ff0000 | Hex RGB value
| rgb(255, 0, 0) | RGB valueSpecifying 'none', 'transparent' or '' (empty string) will clear the fill.
The value that configures the color.
The fill opacity.
Ranges from 0 (completely transparent) to 1 (completely opaque).
The value that configures the opacity.
Defines the fluent API for adding items to Kendo Gradient for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramShapeFillGradientSettings settings.
The type of the gradient. Supported values are:Note that support for radial gradients in VML (IE8 and below) is limited.
Not all configurations are guaranteed to work.
The value that configures the type.
The center of the radial gradient.Coordinates are relative to the shape bounding box.
For example [0, 0] is top left and [1, 1] is bottom right.
The value that configures the center.
The radius of the radial gradient relative to the shape bounding box.
The value that configures the radius.
The start point of the linear gradient.Coordinates are relative to the shape bounding box.
For example [0, 0] is top left and [1, 1] is bottom right.
The value that configures the start.
The end point of the linear gradient.Coordinates are relative to the shape bounding box.
For example [0, 0] is top left and [1, 1] is bottom right.
The value that configures the end.
The array of gradient color stops.
The action that configures the stops.
Defines the fluent API for configuring the DiagramShapeFillGradientSettingsStop settings.
The stop offset from the start of the element.
Ranges from 0 (start of gradient) to 1 (end of gradient).
The value that configures the offset.
The color in any of the following formats.| Format | Description
| --- | --- | ---
| red | Basic or Extended CSS Color name
| #ff0000 | Hex RGB value
| rgb(255, 0, 0) | RGB valueSpecifying 'none', 'transparent' or '' (empty string) will clear the fill.
The value that configures the color.
The fill opacity.
Ranges from 0 (completely transparent) to 1 (completely opaque).
The value that configures the opacity.
Defines the fluent API for adding items to Kendo Gradient for ASP.NET MVC
Adds an item to the collection
Defines the stroke color.
The value that configures the color.
The stroke dash type.
The value that configures the dashtype.
Defines the stroke stroke.
The value that configures the width.
Initializes a new instance of the class.
The popup settings.
Defines a jQuery selector that will be used to find a container element, where the popup will be appended to.
Specifies how to position the popup element based on achor point.
Specifies which point of the popup element to attach to the anchor's origin point.
Initializes a new instance of the class.
The virtualization settings.
Defines the item height.
Defines the item height.
Defines a value mapper. This function will return the indices matching the passed values.
Defines a value mapper. This function will return the indices matching the passed values.
Defines the fluent API for configuring the EditorPdfMarginSettings settings.
The bottom margin. Numbers are considered as "pt" units.
The value that configures the bottom.
The left margin. Numbers are considered as "pt" units.
The value that configures the left.
The right margin. Numbers are considered as "pt" units.
The value that configures the right.
The top margin. Numbers are considered as "pt" units.
The value that configures the top.
Defines the fluent API for configuring the EditorPdfSettings settings.
The author of the PDF document.
The value that configures the author.
The creator of the PDF document.
The value that configures the creator.
The date when the PDF document is created. Defaults to new Date().
The value that configures the date.
Specifies the file name of the exported PDF file.
The value that configures the filename.
If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.
The value that configures the forceproxy.
Specifies the keywords of the exported PDF file.
The value that configures the keywords.
Set to true to reverse the paper dimensions if needed such that width is the larger edge.
The value that configures the landscape.
Specifies the margins of the page (numbers or strings with units). Supported
units are "mm", "cm", "in" and "pt" (default).
The action that configures the margin.
Specifies the paper size of the PDF document.
The default "auto" means paper size is determined by content.Supported values:
The value that configures the papersize.
The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally e.g. Internet Explorer 9 and Safari. PDF export is not supported in Internet Explorer 8 and below.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with the "Content-Disposition" header set to
attachment; filename="<fileName.pdf>".
The value that configures the proxyurl.
A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe,
the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>".
The value that configures the proxytarget.
Sets the subject of the PDF file.
The value that configures the subject.
Sets the title of the PDF file.
The value that configures the title.
Defines the fluent API for configuring the object.
The base class for all columns in Kendo Gantt for ASP.NET MVC.
Gets or sets the member of the column.
The member.
Gets or sets the format of the column.
The format.
Gets or sets the title of the column.
The title.
Gets or sets the width of the column.
The width.
Gets or sets whether the column is editable
Whether the column is editable.
Gets or sets whether the column is sortable
Whether the column is sortable.
Initializes a new instance of the class.
Defines the fluent interface for configuring the Gantt assignments .
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 key used for offline state persistance.
Specifies custom implementation for offline storage.
The name of the JavaScript function which returns the offline state.
The name of the JavaScript function which saves the offline state.
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
Use it to configure WebApi binding.
Use it to configure Custom binding.
Use it to configure SignalR binding.
Configures the initial filter.
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 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().Gantt(Model)
.Name("Gantt")
.Columns(columns => columns.Bound(o => o.OrderID).Title("ID"))
%>
Makes the column editable or not.By default a column is not editable.
<%= Html.Kendo().Gantt(Model)
.Name("Gantt")
.Columns(columns => columns.Bound(o => o.OrderID).Editable(true))
%>
Makes the column sortable or not. By default a column is not sortable.
<%= Html.Kendo().Gantt(Model)
.Name("Gantt")
.Columns(columns => columns.Bound(o => o.OrderID).Sortable(true))
%>
Sets the width of the column in pixels.
The width in pixels.
<%= Html.Kendo().Gantt(Model)
.Name("Gantt")
.Columns(columns => columns.Bound(o => o.OrderID).Width(100))
%>
Gets or sets the format for displaying the data.
The value.
<%= Html.Kendo().Gantt(Model)
.Name("Gantt")
.Columns(columns => columns.Bound(o => o.OrderDate).Format("{0:dd/MM/yyyy}"))
%>
Gets or sets the column.
The column.
Initializes a new instance of the class.
The column.
Defines the fluent API for configuring the DiagramEditableResizeSettings settings.
Specifies the settings of the resizing handles. See the editable.resize configuration for an example.
The action that configures the handles.
Defines the fluent interface for configuring
Enables or disables AllowCopy.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.AllowCopy(config => config.Enabled((bool)ViewData["allowCopy"]))
%>
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.Delimeter((bool)ViewData["selectionMode"]))
%>
The Mode method is useful to switch between different selection modes.
Defines the fluent interface for configuring grid noRecords option.
Initializes a new instance of the class.
The settings.
The template used for noRecords option.
The template.
The Id of the template used for noRecords option.
The templateId
Defines the fluent API for configuring the Kendo MobileApplication Icon.
Add icon url per dimension
The dimension in format 72x72
The dimension url
Default dimension icon url
The icon url
Defines the fluent API for configuring the Kendo MobileCollapsible for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Turns on or off the animation of the widget.
The value that configures the animation.
If set to false the widget content will be expanded initially. The content of the widget is collapsed by default.
The value that configures the collapsed.
Sets the icon for the header of the collapsible widget when it is in a expanded state.
The value that configures the expandicon.
Forses inset appearance - the collapsible panel is padded from the View and receives rounded corners.
The value that configures the inset.
Sets the HTML content which the header should display.
The action which renders the header.
<% Html.Kendo().MobileCollapsible()
.Name("Collapsible")
.Header(() =>
{
%>
<strong> Collapsible 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().MobileCollapsible()
.Name("Collapsible")
.Header(
@<text>
Some text
<strong> Collapsible Header </strong>
</text>
)
)
Sets the HTML content which the header should display as a string.
The action which renders the header.
<% Html.Kendo().MobileCollapsible()
.Name("Collapsible")
.Header("<strong> Collapsible Header </strong>");
.Render();
%>
Sets the HTML content which the content should display.
The action which renders the content.
<% Html.Kendo().MobileCollapsible()
.Name("Collapsible")
.Content(() =>
{
%>
<strong> Collapsible 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().MobileCollapsible()
.Name("Collapsible")
.Content(
@<text>
Some text
<strong> Collapsible 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().MobileCollapsible()
.Name("Collapsible")
.Content("<strong> Collapsible Content </strong>");
.Render();
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().MobileCollapsible()
.Name("MobileCollapsible")
.Events(events => events
.Collapse("onCollapse")
)
%>
Sets the icon position in the header of the collapsible widget. Possible values are "left", "right", "top".
The value that configures the iconposition.
Defines the fluent API for configuring the Kendo MobileCollapsible for ASP.NET MVC events.
Fires when the user collapses the content.
The name of the JavaScript function that will handle the collapse event.
Fires when the user expands the content.
The name of the JavaScript function that will handle the expand event.
Initializes a new instance of the class.
The MobileCollapsible component.
Builds the MobileCollapsible markup.
Represents available tag modes of MultiSelect.
Renders a tag for each selected value
Renders a single tag
Creates items for the .
Initializes a new instance of the class.
The settings.
Defines a item.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The column
Sets measure name.
The measure name
Sets measure type.
The measure type
The fluent API for configuring the pivot grid Excel export.
Sets the file name of the excel file.
Enables or disables filtering in the output Excel file.
Set the url of the server side proxy. The proxy is responsible for returning the excel file to the end user. Used in browsers that don't support saving files from JavaScript.
Forces the use of server-side proxy even if the browser supports local saving.
true if the server proxy should be used always; false for automatic detection
Defines the fluent interface for configuring the component.
Checkes or unchecks the radio button.
Indicates whether the radio button will be rendered checked
Enables or disables the radio button.
Shown label
Sets the value of the radio button
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.
The member name.
Specify the member used to identify an unique Model instance.
Type of the field
Member access expression which describes the member
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 the from.
Type of the field
Member access expression which describes the member
Specify the member used for the from.
The member name.
Specify the member used for the To.
Type of the field
Member access expression which describes the member
Specify the member used for the height.
The member name.
Specify the member used for the fromX.
Type of the field
Member access expression which describes the member
Specify the member used for the fromX.
The member name.
Specify the member used for the fromY.
Type of the field
Member access expression which describes the member
Specify the member used for the fromY.
The member name.
Specify the member used for the toX.
Type of the field
Member access expression which describes the member
Specify the member used for the toX.
The member name.
Specify the member used for the toY.
Type of the field
Member access expression which describes the member
Specify the member used for the toY.
The member name.
Specify the member used for the type.
Type of the field
Member access expression which describes the member
Specify the member used for the type.
The member name.
Specify the member used for the text.
Type of the field
Member access expression which describes the member
Specify the member used for the text.
The member name.
Specify the member used for the source connector name.
Type of the field
Member access expression which describes the member
Specify the member used for the source connector name.
The member name.
Specify the member used for the target connector name.
Type of the field
Member access expression which describes the member
Specify the member used for the target connector name.
The member name.
Defines the fluent interface for configuring the Gantt .
Configures Model properties
Defines the fluent interface for configuring the Gantt .
Defines the fluent interface for configuring the AJAX create/update/destroy operation bindings.
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.
Configures Model properties
Defines the fluent interface for configuring the Model definition.
Type of the model
Specify the member used for the width.
Type of the field
Member access expression which describes the member
Specify the member used for the width.
The member name.
Specify the member used for the height.
Type of the field
Member access expression which describes the member
Specify the member used for the height.
The member name.
Specify the member used for the x.
Type of the field
Member access expression which describes the member
Specify the member used for the x.
The member name.
Specify the member used for the y.
Type of the field
Member access expression which describes the member
Specify the member used for the y.
The member name.
Specify the member used for the type.
Type of the field
Member access expression which describes the member
Specify the member used for the type.
The member name.
Specify the member used for the text.
Type of the field
Member access expression which describes the member
Specify the member used for the text.
The member name.
Defines the fluent API for configuring the DiagramConnection settings.
Defines the fluent interface for configuring the .
Use it to configure Custom binding.
Use it to configure SignalR binding.
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.
Represents the dependency types supported by Kendo UI Gantt for ASP.NET MVC
The task cannot end before its predecessor task ends, although it may end later.
The task cannot start before its predecessor task ends, although it may start later.
The task cannot end before its predecessor task starts, although it may end later.
The task cannot start until the predecessor tasks starts, although it may start later.
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.
Gets the columns in the group
Gets the columns in the group
Initializes a new instance of the class.
The container.
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"}))
%>
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 static. By default all columns are not locked.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Locked())
%>
Makes the column static or not. By default all columns are not locked.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Locked((bool)ViewData["locked"]))
%>
If set to false the column will remain in the side of the grid into which its own locked configuration placed it.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Lockable((bool)ViewData["lockable"]))
%>
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())
%>
Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class.
The action defining the template.
Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class.
The string defining the template.
Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class.
The action defining the template.
Gets or sets the column.
The column.
The fluent API for configuring the grid PDF export.
Exports all pages. Applicable only for the Grid. Ajax binding or server binding with ServerOperation(false) is required.
Does not create clickable hyperlinks in the exported PDF file.
A flag indicating whether to produce clickable hyperlinks in the exported PDF file.
A CSS selector for the links to ignore. All matching links will not be clickable in the exported PDF file.
Turns the page in landscape orientation.
Sets the file name of the PDF file.
Specifies a predefiend paper size e.g. "A3", "A4" or "auto" (default).
Specifies custom paper size in "pt" units.
Specifies custom paper size in custom units ("in", "mm", "pt", "cm")
Set the url of the server side proxy. The proxy is responsible for returning the PDF to the end user. Used in browsers that don't support saving files from JavaScript.
Set the a name or keyword indicating where to display the document returned from the proxy.
The default is "_self".
The proxy target
Specifies the margins in "pt" units.
Specifies the margins in units ("in", "mm", "pt", "cm")
Sets the title of the PDF document.
Sets the author of the PDF document.
Sets the subject of the PDF document.
Sets the keywords of the PDF document.
Set this to true to repeat the grid headers on each page.
The value for RepeatHeaders
Set this to true to repeat the grid headers on each page.
A scale factor. In many cases, text size on screen will be too big for print, so you can use this option to scale down the output in PDF.
A piece of HTML to be included in each page. Can be used to display headers and footers. See the documentation in drawDOM.
The value for Template
A piece of HTML to be included in each page. Can be used to display headers and footers. See the documentation in drawDOM.
The ID of the template element for Template
Sets the creator of the PDF document.
Sets the date of the PDF document.
Forces the use of server-side proxy even if the browser supports local saving.
true if the server proxy should be used always; false for automatic detection
Initializes a new instance of the class.
The settings.
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.Cell(cell =>
cell.Template(@<text>
JavaScript function goes here
</text>)
)
)
)
%>
Sets JavaScript function which to modify the filter input used for Row filtering.
JavaScript function name
Specifies the delay of the AutoComplete suggestions when the column is of type string.
JavaScript function name
Specifies the MinLength option of the AutoComplete suggestions when the column is of type string.
JavaScript function name
Specifies the filter option of the AutoComplete suggestions when the column is of type string.
JavaScript function name
Specifies the width of the input before it is turned into a widget.
JavaScript function name
Specifies the name of the field which will be used to show the suggestions when using Custom DataSource.
JavaScript function name
Configures the DataSource options.
The DataSource configurator action.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
columns.Bound(o => o.OrderDate)
.Filterable(filterable =>
filterable.Cell(cell =>
cell.DataSource(ds =>
ds.Read("someAction", "someController")
)
)
)
)
%>
The fluent API for configuring the grid Excel export.
Sets the file name of the excel file.
Specifies whether all pages should be exported
Enables or disables filtering in the output Excel file.
Set the url of the server side proxy. The proxy is responsible for returning the excel file to the end user. Used in browsers that don't support saving files from JavaScript.
Forces the use of server-side proxy even if the browser supports local saving.
true if the server proxy should be used always; false for automatic detection
Represents the filterable modes supported by Kendo UI Grid for ASP.NET MVC
Defines the fluent API for configuring SchedulerFooterSettings
Initializes a new instance of the class.
The container
Sets the command which will be displayed in the scheduler footer. Currently only "workDay" option is supported. If the option is set to false, the "workDay" button will be removed from the footer.
The value for Command
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 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
The height of the scheduler event rendered in timeline view.
The eventHeight
The width of the scheduler timeline view column.
The columnWidth
The number of minutes represented by a major tick.
The majorTick
The number of time slots to display per major tick.
The minorTickCount
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.TimelineView(timelineView => {
timelineView.Title("Day");
timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
});
})
.DataSource(d => d
.Model(m => m.Id(f => f.TaskID))
.Read("Read", "Scheduler")
.Create("Create", "Scheduler")
.Destroy("Destroy", "Scheduler")
.Update("Update", "Scheduler")
)
)
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.TimelineView(timelineView => {
timelineView.Title("Day");
timelineView.StartTime(10,0,0);
timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
});
})
.DataSource(d => d
.Model(m => m.Id(f => f.TaskID))
.Read("Read", "Scheduler")
.Create("Create", "Scheduler")
.Destroy("Destroy", "Scheduler")
.Update("Update", "Scheduler")
)
)
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.TimelineView(timelineView => {
timelineView.Title("Day");
timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00));
});
})
.DataSource(d => d
.Model(m => m.Id(f => f.TaskID))
.Read("Read", "Scheduler")
.Create("Create", "Scheduler")
.Destroy("Destroy", "Scheduler")
.Update("Update", "Scheduler")
)
)
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.TimelineView(timelineView => {
timelineView.Title("Day");
timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00));
timelineView.EndTime(23,0,0);
});
})
.DataSource(d => d
.Model(m => m.Id(f => f.TaskID))
.Read("Read", "Scheduler")
.Create("Create", "Scheduler")
.Destroy("Destroy", "Scheduler")
.Update("Update", "Scheduler")
)
)
The template used to render the group headers of scheduler day, week, workWeek and timeline views.
The groupHeaderTemplate
The Id of the template used to render the group headers of scheduler day, week, workWeek and timeline views.
The groupHeaderTemplateId
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
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 template used to render the major ticks.
The majorTimeHeaderTemplate
The Id of the template used to render the major ticks.
The majorTimeHeaderTemplateId
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
Creates toolbar commands for the class.
Initializes a new instance of the class.
The container.
Enables Pdf command.
Represents the toolbar command types supported by Kendo UI Scheduler for ASP.NET MVC
Represents the recurring events edit mode.
Defines the fluent interface for configuring the .
Use it to set the height of the Pivot.
The height
If set to true the user will be able to filter by using the field menu.
The filterable
Enables grid column sorting.
<%:Html.Kendo().PivotConfigurator()
.Name("pivotconfigurator")
.Sortable()
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
%>
@(Html.Kendo().PivotConfigurator()
.Name("pivotconfigurator")
.Sortable()
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the sorting configuration of the pivotgrid.
The lambda which configures the sorting
<%:Html.Kendo().PivotConfigurator()
.Name("pivotconfigurator")
.Sortable(sorting => sorting.AllowUnsort(true))
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
%>
@(Html.Kendo().PivotConfigurator()
.Name("pivotconfigurator")
.Sortable(sorting => sorting.AllowUnsort(true))
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the messages of the pivotConfigurator.
The lambda which configures the pivotConfigurator messages
Defines the fluent interface for configuring the .
Sets the messages of the pivotFieldMenu.
The lambda which configures the pivotFieldMenu messages
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The settings.
Enables or disables sorting.
<%= Html.Kendo().PivotConfigurator()
.Name("PivotConfigurator")
.Sortable(sorting => sorting.Enabled((bool)ViewData["enableSorting"]))
%>
The Enabled method is useful when you need to enable sorting based on certain conditions.
Enables or disables unsorted mode.
The value.
<%= Html.Kendo().PivotConfigurator()
.Name("PivotConfigurator")
.Sortable(sorting => sorting.AllowUnsort(true))
%>
Defines the fluent interface for configuring the component.
Configures the client-side events
Configures the transport of the Ajax DataSource
Sets the columns of the Ajax DataSource.
Sets the rows of the Ajax DataSource.
Sets the measures of the Ajax DataSource.
Configures the schema of the Ajax DataSource
Defines the fluent interface for configuring the component.
Configures the cube
Configures Model properties
Defines the fluent interface for configuring the component.
Sets the dimensions option of the pivotGrid dataSource.
The lambda which configures the cube dimensions
Sets the measures option of the pivotGrid dataSource.
The lambda which configures the cube measures
Defines the fluent interface for configuring the Dimensions.
Describes a caption of the dimension.
The caption for the dimension.
Defines the fluent interface for configuring the Dimensions.
Defines a PivotGrid DataSource Cube Dimension and set it's member.
The member
Describes a Model field
Field type
Member access expression which describes the field
Defines the fluent interface for configuring the Measures.
Describes a measure field
Field type
Member access expression which describes the field
Describes a measure field
The member name for the measure.
Describes a caption of the measure.
The caption for the measure.
Describes a format of the measure.
The format for the measure.
Sets Aggregate option
Aggregate option
Sets JavaScript function which to return the aggregate.
Sets a built-in Aggregate option
Aggregate option
Sets Result option
Result option
Sets JavaScript function which to return the result value.
Defines the fluent interface for configuring the Measures.
Defines a PivotGrid DataSource Cube Measure.
The measure
Defines the fluent interface for configuring the options.
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
Configures the discover operation.
Sets controller and action for Discover operation.
Action name
Controller Name
Route values
Sets controller, action and routeValues for Discover operation.
Action name
Controller Name
Defines the fluent interface for configuring the component.
Configures the client-side events
Configures the schema of the Custom DataSource
Configures the transport of the Custom DataSource
Sets the columns of the Custom DataSource.
Sets the rows of the Custom DataSource.
Sets the measures of the Custom DataSource.
Defines the fluent interface for configuring the component.
Configures the Read operation.
Sets the Read operation using anonymous object.
Sets the Read operation to JavaScript function or object.
JavaScript function name
Configures transport connection.
Configures the discover operation.
Sets the Discover operation using anonymous object.
Sets the Discover operation to JavaScript function or object.
JavaScript function name
Sets the parameterMap function.
Sets the parameterMap function.
JavaScript function name
Defines the fluent interface for configuring the component.
Use it to configure Xmla binding.
Use it to configure Custom binding.
Use it to configure Ajax binding to flat data.
Configures the client-side events
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 page of the DataSource.
Enables or disables server paging mode. If enabled the data source will make a request during paging.
True to enable server paging; otherwise false (the default).
Enables or disables server sorting mode. If enabled the data source will make a request during paging.
True to enable server sorting; otherwise false (the default).
Enables or disables server filtering mode. If enabled the data source will make a request during filtering.
True to enable server filtering; otherwise false (the default).
Enables or disables server grouping mode. If enabled the data source will make a request during grouping.
True to enable server grouping; otherwise false (the default).
Enables or disables server aggregates. If enabled the data source will expect the aggregates to be calculated server-side.
True to enable server aggregates; otherwise false (the default).
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.
Sets the transport of the DataSource using anonymous object.
Configures the transport of the DataSource
Configures Schema properties
Configures the initial sorting.
Configures the initial grouping.
Configures the initial aggregates.
Configures the initial filter.
The name of the method of the SignalR hub responsible for reading data items.
Method name
The name of the method of the SignalR hub responsible for updating data items.
Method name
The name of the method of the SignalR hub responsible for creating data items.
Method name
The name of the method of the SignalR hub responsible for destroying data items.
Method name
Defines the fluent interface for configuring the options.
Defines the fluent interface for configuring the options.
Sets the parameterMap function.
Sets the parameterMap function.
JavaScript function name
The SignalR hub object returned by the createHubProxy method. The hub option is mandatory
The SignalR hub object returned by the createHubProxy method. The hub option is mandatory
JavaScript function name
The promise returned by the start method of the SignalR connection. The promise option is mandatory.
The promise returned by the start method of the SignalR connection. The promise option is mandatory.
JavaScript function name
Configures the client-side CRUD methods of the SignalR hub.
Configures the client-side CRUD methods of the SignalR hub.
Configures the server-side CRUD methods of the SignalR hub.
Configures the server-side CRUD methods of the SignalR hub.
Defines the fluent API for configuring the Kendo Diagram for ASP.NET MVC.
Initializes a new instance of the class.
The component.
If set to false the widget 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.
Defines the defaults of the connections. Whenever a connection is created, the specified connectionDefaults will be used and merged with the (optional) configuration passed through the connection creation method.
The action that configures the connectiondefaults.
Defines the connections configuration.
The action that configures the connections.
Defines how the diagram behaves when the user attempts to edit shape content, create new connections, edit connection labels and so on.
Enables or disables the editable option.
Defines how the diagram behaves when the user attempts to edit shape content, create new connections, edit connection labels and so on.
The action that configures the editable.
The layout of a diagram consists in arranging the shapes (sometimes also the connections) in some fashion in order to achieve an aesthetically pleasing experience to the user. It aims at giving a more direct insight in the information contained within the diagram and its relational structure.On a technical level, layout consists of a multitude of algorithms and optimizations:and various ad-hoc calculations which depend on the type of layout. The criteria on which an algorithm is based vary but the common denominator is:Kendo diagram includes three of the most used layout algorithms which should cover most of your layout needs - tree layout, force-directed layout and layered layout. Please, check the type property for more details regarding each type.The generic way to apply a layout is by calling the layout() method on the diagram. The method has a single parameter options. It is an object, which can contain parameters which are specific to the layout as well as parameters customizing the global grid layout. Parameters which apply to other layout algorithms can be included but are overlooked if not applicable to the chose layout type. This means that you can define a set of parameters which cover all possible layout types and simply pass it in the method whatever the layout define in the first parameter.
The action that configures the layout.
Defines the pannable options.
Enables or disables the pannable option.
Defines the pannable options.
The action that configures the pannable.
Configures the export settings for the saveAsPDF method.
The action that configures the pdf.
Defines the selectable options.
Enables or disables the selectable option.
Defines the selectable options.
The action that configures the selectable.
Defines the shape options.
The action that configures the shapedefaults.
Defines the shape options.
The action that configures the shapes.
The template which renders the content of the shape when bound to a dataSource. The names you can use in the template correspond to the properties used in the dataSource. See the dataSource topic below for a concrete example.
The value that configures the template.
The template which renders the content of the shape when bound to a dataSource. The names you can use in the template correspond to the properties used in the dataSource. See the dataSource topic below for a concrete example.
The value that configures the template.
The zoom level in percentages.
The value that configures the zoom.
The zoom max level in percentages.
The value that configures the zoommax.
The zoom min level in percentages.
The value that configures the zoommin.
The zoom step when using the mouse-wheel to zoom in or out.
The value that configures the zoomrate.
Configure the HierarchicalDataSource of the component
The action that configures the .
<%= Html.Kendo().Diagram()
.Name("diagram")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("_OrgChart", "Diagram")
)
)
%>
Configure the DataSource of the component
The action that configures the .
<%= Html.Kendo().Diagram()
.Name("diagram")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("_OrgChart", "Diagram")
)
)
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().Diagram()
.Name("diagram")
.Events(events => events
.Click("onClick")
)
%>
Defines the fluent API for configuring the Kendo Diagram for ASP.NET MVC events.
Fired when the user adds new shape or connection.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the add event.
Fired when the user clicks the "cancel" button in the popup window in case the item was added via a toolbar.
The name of the JavaScript function that will handle the cancel event.
Fired when an item is added or removed to/from the diagram.
The name of the JavaScript function that will handle the change event.
Fired when the user clicks on a shape or a connection.
The name of the JavaScript function that will handle the click event.
Fired when the widget is bound to data from dataDource and connectionsDataSource.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the dataBound event.
Fired when dragging shapes or connection.
The name of the JavaScript function that will handle the drag event.
Fired after finishing dragging shapes or connection.
The name of the JavaScript function that will handle the dragEnd event.
Fired before starting dragging shapes or connection.
The name of the JavaScript function that will handle the dragStart event.
Fired when the user edits a shape or connection.
The name of the JavaScript function that will handle the edit event.
Fired when the location or size of an item are changed.
The name of the JavaScript function that will handle the itemBoundsChange event.
Fired when an item is rotated.
The name of the JavaScript function that will handle the itemRotate event.
Fired when the mouse enters a shape or a connection.Will not fire for disabled items.
The name of the JavaScript function that will handle the mouseEnter event.
Fired when the mouse leaves a shape or a connection.Will not fire for disabled items.
The name of the JavaScript function that will handle the mouseLeave event.
Fired when the user pans the diagram.
The name of the JavaScript function that will handle the pan event.
Fired when the user removes a shape or connection.
The name of the JavaScript function that will handle the remove event.
Fired when the user saved a shape or a connection.
The name of the JavaScript function that will handle the save event.
Fired when the user selects one or more items.
The name of the JavaScript function that will handle the select event.
Fired when the user changes the diagram zoom level.
The name of the JavaScript function that will handle the zoomEnd event.
Fired when the user starts changing the diagram zoom level.
The name of the JavaScript function that will handle the zoomStart event.
Fired when the user clicks an item in the toolbar.
The name of the JavaScript function that will handle the toolBarClick event.
Initializes a new instance of the class.
The Diagram component.
Builds the Diagram markup.
Initializes a new instance of the class.
Defines the fluent interface for configuring bound columns
The type of the task data item
/// The type of the dependency data item
Initializes a new instance of the class.
The column.
Defines the fluent interface for configuring the dependencies Model definition.
Type of the model
Specify the member used for the predecessorId.
Type of the field
Member access expression which describes the member
Specify the member used for the predecessorId.
The member name.
Specify the member used for the successorId.
Type of the field
Member access expression which describes the member
Specify the member used for the successorId.
The member name.
Specify the member used for the type.
Type of the field
Member access expression which describes the member
Specify the member used for the type.
The member name.
Defines the fluent interface for configuring the Gantt dependencies .
Configures Model properties
Defines the fluent interface for configuring the Model definition.
Type of the model
Specify the member used for the parentId.
Type of the field
Member access expression which describes the member
Specify the member used for the parentId.
The member name.
Specify the member used for the orderId.
Type of the field
Member access expression which describes the member
Specify the member used for the orderId.
The member name.
Initializes a new instance of the class.
The Gantt component.
Builds the Gantt markup.
Determines if content of a given path can be browsed.
The path which will be browsed.
true if browsing is allowed, otherwise false.
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.
Gets the valid file extensions by which served files will be filtered.
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 API for configuring the FileBrowser.
Configures the client-side events
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 page of the DataSource.
Enables or disables server paging mode. If enabled the data source will make a request during paging.
True to enable server paging; otherwise false (the default).
Enables or disables server sorting mode. If enabled the data source will make a request during paging.
True to enable server sorting; otherwise false (the default).
Enables or disables server filtering mode. If enabled the data source will make a request during filtering.
True to enable server filtering; otherwise false (the default).
Enables or disables server grouping mode. If enabled the data source will make a request during grouping.
True to enable server grouping; otherwise false (the default).
Enables or disables server aggregates. If enabled the data source will expect the aggregates to be calculated server-side.
True to enable server aggregates; otherwise false (the default).
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.
Sets the transport of the DataSource using anonymous object.
Sets the type of the data source.
Configures the transport of the DataSource
Configures Schema properties
Configures the initial filter.
Configures the initial sort.
Defines the fluent interface for configuring the Model definition.
Type of the model
Specify the member used to identify an unique Model instance.
The member name.
Specify the model children member name.
The member name.
Specify the children DataSource configuration.
The configurator action.
Specify the member name used to determine if the model has children.
The member name.
Describes a Model field
Field name
Field type
Defines the fluent interface for configuring the options.
Defines the fluent interface for configuring the options.
Sets Aggregates option.
Aggregates option
Sets JavaScript function which to return aggregates.
Sets Groups option.
Groups option
Sets JavaScript function which to return groups.
Sets Data option.
Data option
Sets JavaScript function which to return data.
Sets Total option.
Total option
Sets JavaScript function which to return total.
Sets Errors option
Errors option
Sets JavaScript function which to return the errors.
Sets JavaScript function which to return data.
Sets Schema Type option
Type option
Configures Model properties
Configures the transport of the DataSource
Configures Schema properties
Configures the initial filter.
Configures the initial sort.
Defines the fluent interface for configuring the Model definition.
Type of the model
Specify the member used to identify an unique Model instance.
The member name.
Specify the model children member name.
The member name.
Specify the children DataSource configuration.
The configurator action.
Specify the member name used to determine if the model has children.
The member name.
Describes a Model field
Field name
Field type
Defines the fluent interface for configuring the options.
Configures Model properties
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 minimum zoom level.
Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
The value that configures the minzoom.
The maximum zoom level.
Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
The value that configures the maxzoom.
The size of the map in pixels at zoom level 0.
The value that configures the minsize.
Controls whether the user can pan the map.
The value that configures the pannable.
Specifies whether the map should wrap around the east-west edges.
The value that configures the wraparound.
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.
Controls whether the map zoom level can be changed by the user.
The value that configures the zoomable.
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 configuration of the map markers.
The action that configures the markers.
The default options for all markers.
The action that configures the markerdefaults.
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 Kendo Map for ASP.NET MVC events.
Fired immediately before the map is reset.
This event is typically used for cleanup by layer implementers.
The name of the JavaScript function that will handle the beforeReset event.
Fired when the user clicks on the map.
The name of the JavaScript function that will handle the click event.
Fired when a marker has been displayed and has a DOM element assigned.
The name of the JavaScript function that will handle the markerActivate event.
Fired when a marker has been created and is about to be displayed.
Cancelling the event will prevent the marker from being shown.Use markerActivate if you need to access the marker DOM element.
The name of the JavaScript function that will handle the markerCreated event.
Fired when a marker has been clicked or tapped.
The name of the JavaScript function that will handle the markerClick 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 the map is reset.
This typically occurs on initial load and after a zoom/center change.
The name of the JavaScript function that will handle the reset 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 a GeoJSON Feature is created on a shape layer.
The name of the JavaScript function that will handle the shapeFeatureCreated 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.
Cancelling the event will prevent the user action.
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.
Defines the fluent interface for configuring the NumericTextBox events.
Adds custom mask rule.
The name of the rule.
The JavaScript RegExp object assigned to defined rule.
@(Html.Kendo().MaskedTextBox()
.Name("MaskedTextBox")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Adds custom mask rule.
The name of the rule.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().MaskedTextBox()
.Name("MaskedTextBox")
.Events(events => events.Change(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the fluent interface for configuring the component.
Sets the initial value of the MaskedTextBox.
Specifies whether the widget will unmask input value on form post
Specifies whether the widget will replace the prompt characters with spaces on blur
Specifies the character used to represent the absence of user input in the widget
Configures the client-side events.
The client events action.
<%= Html.Kendo().MaskedTextBox()
.Name("MaskedTextBox")
.Events(events =>
events.Change("change")
)
%>
Configures the custom rules.
The rules action.
<%= Html.Kendo().MaskedTextBox()
.Name("MaskedTextBox")
.Rules(rules =>
rules.Add("~", "/[+-]/")
)
%>
Enables or disables the textbox.
Sets the mask of the MaskedTextBox.
<%= Html.Kendo().MaskedTextBox()
.Name("MaskedTextBox")
.Mask("999 000 000")
%>
Specifies the culture info used by the MaskedTextBox widget.
<%= Html.Kendo().MaskedTextBox()
.Name("MaskedTextBox")
.Culture("de-DE")
%>
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().MaskedTextBox()
.Name("MaskedTextBox")
.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().MaskedTextBox()
.Name("MaskedTextBox")
.Events(events => events.Change("change"))
)
Sets whether popup notifications should maintain their position during page scrolling.
Sets the position of the first popup notification with regard to the viewport's bottom edge.
Sets the position of the first popup notification with regard to the viewport's left edge.
Sets the position of the first popup notification with regard to the viewport's right edge.
Sets the position of the first popup notification with regard to the viewport's top edge.
Defines the fluent interface for configuring the .
Sets the notification type (i.e. template name). The value should be a valid Javascript identifier.
Sets the client ID of the notification template.
Sets the Kendo UI template to be used for the notifications.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
Configures the position settings of the popup notifications.
Sets the stacking direction when multiple notifications are displayed by a single widget instance.
Sets whether notifications should be hidden by clicking anywhere on their content.
Sets whether notifications should display a hide button (when using default templates only).
Sets the time in milliseconds, after which a notifications can be hidden by the user via clicking.
Sets the time in milliseconds, after which a notifications is hidden automatically.
Defines a CSS selector, which points to the element that will hold the notifications to be displayed.
Defines the width of the notifications to be displayed.
Defines the width of the notifications to be displayed.
Defines the height of the notifications to be displayed.
Defines the height of the notifications to be displayed.
Configures the Notification templates.
Configures the animation effects of the displayed notifications.
The action that configures the animation.
Configures the client-side events.
The client events action.
<%= Html.Kendo().Notification()
.Name("Notification")
.Events(events =>
events.Click("onClick"))
%>
Sets the Notification HTML tag. A SPAN tag is used by default.
<%= Html.Kendo().Notification()
.Name("Notification")
.Tag("div")
%>
Defines the fluent interface for configuring the Notification events.
Defines the inline handler of the Hide client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Notification()
.Name("Notification")
.Events(events => events.Hide(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
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().Notification()
.Name("Notification")
.Events(events => events.Hide("onHide"))
%>
Defines the inline handler of the Show client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Notification()
.Name("Notification")
.Events(events => events.Show(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
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().Notification()
.Name("Notification")
.Events(events => events.Show("onShow"))
%>
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
Sets the contentType option of the operation.
contentType
Sets the cache option of the operation. If set to false, it will force requested pages not to be cached by the browser.
Enable or disable the operation cache
Sets the dataType option of the operation.
DataType of the operation
Configures the transport of the DataSource
Configures Schema properties
Configures the initial sorting.
Configures the initial grouping.
Configures the initial aggregates.
Configures the initial filter.
Defines the fluent interface for configuring the Model definition.
Type of the model
Specify the member used to identify an unique Model instance.
The member name.
Specify the member used to identify an unique Model instance.
Type of the field
Member access expression which describes the member
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
Clears all Model fields.
Defines the fluent interface for configuring the .
Specifies the field of the original record which value to be used for population of the Model field.
The field of the original record which value to be used
Specifies the handler which will parse the field value. If not set default parsers will be used.
The handler
Specifies the handler which will parse the field value. If not set default parsers will be used.
Defines the fluent interface for configuring the options.
Configures Model properties
Configures Model properties
Defines the fluent interface for configuring the options.
Defines the fluent interface for configuring the options.
Sets the parameterMap function.
Sets the parameterMap function.
JavaScript function name
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 Read operation using anonymous object.
Sets the Read operation to JavaScript function or object.
JavaScript function name
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
Sets the Update operation using anonymous object.
Sets JavaScript function which to return additional parameters which to be sent the server.
JavaScript function name
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
Sets the Create operation using anonymous object.
Sets JavaScript function which to return additional parameters which to be sent the server.
JavaScript function name
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
Sets the Destroy operation using anonymous object.
Sets JavaScript function which to return additional parameters which to be sent the server.
JavaScript function name
Defines the fluent interface for configuring filter.
Use it to configure WebApi binding.
Use it to configure Custom binding.
Use it to configure SignalR binding.
Defines the fluent API for configuring a readon-only AJAX data source.
Use it to configure WebApi binding.
Use it to configure Custom binding.
Use it to configure SignalR binding.
Defines the fluent interface for configuring the Model definition.
Type of the model
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.
Configures the transport of the DataSource
Configures Schema properties
Configures the initial filter.
Configures the initial sort.
Configures the initial group.
Defines the fluent interface for configuring filter.
Defines the fluent interface for configuring the options.
Configures Model properties
Defines the fluent interface for configuring the Model definition.
Type of the model
Specify the member used to identify an unique Model instance.
The member name.
Describes a Model field
Field name
Field type
Defines the fluent interface for configuring the options.
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.
Absolute or relative URL for the operation
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
Defines the fluent interface for configuring the WebApi create/update/destroy operation bindings.
Configures the URL for Update operation.
Sets controller, action and routeValues for Update operation.
Absolute or relative URL for the operation
Configures the URL for Create operation.
Sets controller, action and routeValues for Create operation.
Absolute or relative URL for the operation
Configures the URL for Destroy operation.
Sets controller and action for Destroy operation.
Absolute or relative URL for the operation
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.
Configures the initial filter.
Configures Model properties
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 name of the JavaScript function that will handle the Push client-side event.
The name of the JavaScript function that will handle the event.
Defines the inline handler of the Push client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the fluent interface for configuring the .
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.
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
Use it to configure Custom binding.
Use it to configure SignalR binding.
Defines the fluent interface for configuring the component.
Use it to configure Ajax binding.
Use it to configure Server binding.
Use it to configure WebApi binding.
Use it to configure Custom binding.
Use it to configure SignalR 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 inline handler of the Filtering client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Filtering(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Filtering client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events => events.Filtering("filtering"))
%>
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 API for configuring the ImageBrowser.
Defines the fluent interface for configuring the Editor stylesheets.
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.
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)
)
%>
Allows configuring multiple pointers
The lambda which configures the pointers
<%= Html.Kendo().LinearGauge()
.Name("gauge")
.Pointers(pointer =>
{
pointer.Add().Value(10);
pointer.Add().Value(20).Shape(GaugeLinearPointerShape.Arrow);
})
%>
@(Html.Kendo().LinearGauge()
.Name("gauge")
.Pointers(pointer =>
{
pointer.Add().Value(10);
pointer.Add().Value(20).Shape(GaugeLinearPointerShape.Arrow);
})
)
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)
)
%>
Allows configuring multiple pointers
The lambda which configures the pointers
<%= Html.Kendo().RadialGauge()
.Name("gauge")
.Pointers(pointer =>
{
pointer.Add().Value(10);
pointer.Add().Value(20);
})
%>
@(Html.Kendo().RadialGauge()
.Name("gauge")
.Pointers(pointer =>
{
pointer.Add().Value(10);
pointer.Add().Value(20);
})
)
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. Defaults to CultureInfo.DateTimeFormat.ShortDatePattern.
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.
Specifies the disabled dates in the DateTimePicker widget.
@(Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday)
)
Specifies the disabled dates in the DateTimePicker widget using a function.
<%= Html.Kendo().DateTimePicker()
.Name("DateTimePicker")
.DisableDates("disableDates")
%>
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")
)
%>
Use it to enable filtering of items.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Filter("startswith");
%>
Use it to enable filtering of items.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.Filter(FilterType.Contains);
%>
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.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabel("Select country...")
%>
Define the object of the default empty item.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("Text")
.DataValueField("Value")
.OptionLabel(new { Text = "Text1", Value = "Value1" })
%>
Specifies the minimum number of characters that should be typed before the widget queries the dataSource.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.MinLength(3)
%>
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)
%>
Define the default item of the widget when the autoBind option is set to false.
OptionLabelTemplate to be used to render the option label content.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabelTemplate("#= data #")
%>
OptionLabelTemplateId to be used to render the option label content.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabelTemplateId("widgetOptionLabelTemplateId")
%>
ValueTemplate to be used to render the selected value.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.ValueTemplate("#= data #")
%>
ValueTemplateId to be used to render the selected value.
<%= Html.Kendo().DropDownList()
.Name("DropDownList")
.ValueTemplateId("widgetValueTemplateId")
%>
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.
The fluent API for configuring Kendo UI Editor for ASP.NET MVC.
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 file browser dialog.
An action that configures the dialog.
<%= Html.Kendo().Editor()
.Name("Editor")
.FileBrowser(fileBrowser => fileBrowser
.File("~/Content/UserFiles/{0}")
.Read("Read", "FileBrowser")
.Create("Create", "FileBrowser")
.Destroy("Destroy", "FileBrowser")
.Upload("Upload", "FileBrowser"))
)
%>
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"))
)
%>
Fine-tune deserialization in the Editor widget. Deserialization is the process of parsing the HTML string input from the value() method or from the viewHtml dialog into editable content.
The action that configures the deserialization.
Relaxes the same-origin policy when using the iframe-based editor.
This is done automatically for all cases except when the policy is relaxed by document.domain = document.domain.
In that case, this property must be used to allow the editor to function properly across browsers.
This property has been introduced in internal builds after 2014.1.319.
The value that configures the domain.
Options for controlling how the pasting content is modified before it is added in the editor.
The action that configures the pastecleanup.
If enabled, the editor renders a resize handle to allow users to resize it.
If enabled, the editor renders a resize handle to allow users to resize it.
Enables or disables the resizable option.
If enabled, the editor renders a resize handle to allow users to resize it.
The action that configures the resizable.
Allows setting of serialization options.
The action that configures the serialization.
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)
Configuration for the default multiple pointers (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)
Configuration for the default multiple pointers (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.
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
Defines the base fluent interface for configuring the grid filterable settings.
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
Specify the filter mode - you can choose between having separate header row and the filter menu available by clicking the icon. Default is the filter menu.
Multiple filter modes can be set by combining the flags:
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Filterable(f => f.Mode(GridFilterMode.Row | GridFilterMode.Menu))
%>
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
Sets the template for the checkbox rendering when Multi checkbox filtering is enabled
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
columns.Bound(o => o.OrderDate)
.Filterable(filterable =>
filterable.ItemTemplate("nameOfJavaScriptFunction")
)
)
%>
Enables / disabled the Multi Checkbox filtering support for this column.
Controls whether to show a search box when checkbox filtering is enabled.
Toggles between case-insensitive (default) and case-sensitive searching.
Provide IEnumerable that will be used as DataSource for Multi CheckBox filtering on this column
Enables / disabled the CheclAll checkboxes when Multi Checkbox filtering is enabled.
Configures the DataSource options.
The DataSource configurator action.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
columns.Bound(o => o.OrderDate)
.Filterable(filterable =>
filterable.Cell(cell =>
cell.DataSource(ds =>
ds.Read("someAction", "someController")
)
)
)
)
%>
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
Sets the text message displayed in the column menu for locking a column.
The message
Sets the text message displayed in the column menu for unlocking a column.
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
Sets the text for IsNull operator filter menu item.
The message
Sets the text for IsNotNull 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
Sets the text for IsNull operator filter menu item.
The message
Sets the text for IsNotNull 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
Sets the text for IsNull operator filter menu item.
The message
Sets the text for IsNotNull 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
Sets the text for CheckAll message when Multi checkbox filtering is enabled.
The message
Sets the text for the search input placeholder when the search option is enabled.
The message
Sets the format for the selected items count message.
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
Sets the text for IsNull operator filter menu item.
The message
Sets the text for IsNotNull operator filter menu item.
The message
Sets the text for IsEmpty operator filter menu item.
The message
Sets the text for IsNotEmpty 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 .
Type of the model
Specify the member used to identify an unique Model instance.
The member name.
Specify the model children member name.
The member name.
Specify the children DataSource configuration.
The configurator action.
Specify the member name used to determine if the model has children.
The member name.
Describes a Model field
Field name
Field type
Defines the fluent API for configuring the MapControlsAttributionSettings settings.
The position of the attribution control. Possible values include:
The desired position.
Defines the fluent API for configuring the map marker tooltip settings.
Defines the fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
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.
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 inline handler of the Filtering client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Filtering(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Filtering client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.Events(events => events.Filtering("filtering"))
%>
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")
%>
The mode used to render the selected tags. The available modes are 'single' and 'multiple'
<%= Html.Kendo().MultiSelect()
.Name("MultiSelect")
.TagMode(TagMode.Single)
%>
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
Includes only values which are equal to empty string.
Includes only values which are not equal to empty string.
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 to be used in PopUp edit mode
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. Any HTML entities or tags should be encoded, or use a HeaderTemplate instead.
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 minimum screen width in pixels at which the column will become hidden.
@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).MinScreenWidth(450))
)
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 static. By default all columns are not locked.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Locked())
%>
Makes the column static or not. By default all columns are not locked.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Locked((bool)ViewData["locked"]))
%>
If set to false the column will remain in the side of the grid into which its own locked configuration placed it.
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns => columns.Bound(o => o.OrderID).Lockable((bool)ViewData["lockable"]))
%>
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. If sorting is enabled, the template content wrapper must have a k-link CSS class.
The action defining the template.
Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class.
The string defining the template.
Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class.
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.
Sets the client group footer template for the column.
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 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
Defines the fluent interface for configuring .
Configures messages.
Enables or disables filtering
Specifies whether the footer should be displayed when the Group is collapsed
Defines the fluent interface for configuring toolbar commands.
The type of the model
Defines a create command.
Represents a command which exports the current grid data to Excel.
Represents a command which exports the current grid data to PDF.
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.
Operand is null.
Operand is not null.
Operand is empty.
Operand is not empty.
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");
%>
Specifies ListView alt item template.
The Id of the element which contains the template.
<%= Html.Kendo().ListView<Order>()
.Name("Orders")
.ClientAltTemplateId("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.
The server side wrapper for Kendo UI PivotConfigurator
Gets the sorting configuration.
The sorting.
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The settings.
Enables or disables sorting.
<%= Html.Kendo().PivotGrid()
.Name("PivotGrid")
.Sortable(sorting => sorting.Enabled((bool)ViewData["enableSorting"]))
%>
The Enabled method is useful when you need to enable sorting based on certain conditions.
Enables or disables unsorted mode.
The value.
<%= Html.Kendo().PivotGrid()
.Name("PivotGrid")
.Sortable(sorting => sorting.AllowUnsort(true))
%>
Defines the fluent interface for configuring the .
Sets the messages of the pivotFieldMenu filter operators.
The lambda which configures the pivotFieldMenu operator messages
Defines the fluent interface for configuring the .
If set to false the initial binding will be prevented.
The autoBind
Use it to set the Id of the PivotConfigurator.
The configurator
Use it to set the column width of the Pivot.
The column width.
Use it to set the height of the Pivot.
The height
If set to false the user will not be able to add/close/reorder current fields for columns/rows/measures.
The reorderable
If set to true the user will be able to filter by using the field menu.
The filterable
Enables grid column sorting.
<%:Html.Kendo().PivotGrid()
.Name("pivotgrid")
.Sortable()
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
%>
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.Sortable()
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the sorting configuration of the pivotgrid.
The lambda which configures the sorting
<%:Html.Kendo().PivotGrid()
.Name("pivotgrid")
.Sortable(sorting => sorting.AllowUnsort(true))
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
%>
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.Sortable(sorting => sorting.AllowUnsort(true))
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Configures the client-side events
Sets the data source configuration of the grid.
The lambda which configures the data source
Binds the pivotGrid to a list of objects
The data source.
Sets the messages of the pivotGrid.
The lambda which configures the pivotGrid messages
Sets the data cell template of the pivot grid.
The template
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.DataCellTemplate("#: dataItem.fmtValue #")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the data cell template of the pivot grid.
The template id
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.DataCellTemplateId("dataCellTemplateId")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the KPI Status template of the pivot grid.
The template
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.KPIStatusTemplate("#: dataItem.value #")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the KPI Status template of the pivot grid.
The template id
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.KPIStatusTemplateId("kpiStatusTemplateId")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the KPI Trend template of the pivot grid.
The template
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.KPITrendTemplate("#: dataItem.value #")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the KPI Trend template of the pivot grid.
The template id
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.KPITrendTemplateId("kpiTrendTemplateId")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the column header cell template of the pivot grid.
The template
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.ColumnHeaderTemplate("#: member.caption #")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the column header cell template of the pivot grid.
The template id
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.ColumnHeaderTemplateId("columnHeaderTemplateId")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the row header cell template of the pivot grid.
The template
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.RowHeaderTemplate("#: member.caption #")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Sets the row header cell template of the pivot grid.
The template id
@(Html.Kendo().PivotGrid()
.Name("pivotgrid")
.RowHeaderTemplateId("rowHeaderTemplateId")
.DataSource(dataSource =>
dataSource.Xmla()
.Columns(columns => columns.Add("[Date].[Calendar]").Expand(true))
.Rows(rows => rows.Add("[Geography].[City]"))
.Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"}))
.Transport(transport => transport
.Connection(connection => connection
.Catalog("Adventure Works DW 2008R2")
.Cube("Adventure Works"))
.Read(read => read
.Url("http://demos.telerik.com/olap/msmdpump.dll")
.DataType("text")
.ContentType("text/xml")
.Type(HttpVerbs.Post)
)
)
)
)
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The column
Sets the expanded state of the column.
Expanded state
Creates columns for the class.
Initializes a new instance of the class.
The container
Defines a PivotGrid column and set it's name.
The name
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The column
Sets measure values.
The measure values
Sets measure values.
The measure values
Sets the axis of the measures.
The axis
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The row
Sets the expanded state of the row.
Expanded state
Creates rows for the class.
Initializes a new instance of the class.
The container
Defines a PivotGrid row and set it's name.
The name
Defines the fluent interface for configuring the options.
Sets Axes option.
Axes option
Sets JavaScript function which to return axes.
Sets Cubes option.
Cubes option
Sets JavaScript function which to return cubes.
Sets Catalogs option.
Catalogs option
Sets JavaScript function which to return catalogs.
Sets Measures option.
Measures option
Sets JavaScript function which to return measures.
Sets Dimensions option.
Dimensions option
Sets JavaScript function which to return dimensions.
Sets Hierarchies option.
Hierarchies option
Sets JavaScript function which to return hierarchies.
Sets Levels option.
Levels option
Sets JavaScript function which to return levels.
Sets Schema Type option
Type option
Defines the fluent interface for configuring the options.
Configures the Read operation.
Configures transport connection.
Configures the discover operation.
Defines the fluent interface for configuring the options.
Sets the catalog.
The catalog
Sets the cube.
The cube
Defines the fluent interface for configuring the component.
Configures the client-side events
Configures the transport of the Xmla DataSource
Sets the columns of the Xmla DataSource.
Sets the rows of the Xmla DataSource.
Sets the measures of the Xmla DataSource.
Defines the fluent interface for configuring the component client-side events.
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).
Defines the name of the JavaScript function that will handle the the DataBinding client-side event.
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).
Defines the name of the JavaScript function that will handle the the DataBound client-side event.
Defines the name of the JavaScript function that will handle the the ExpandMember client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the the ExpandMember client-side event.
Defines the name of the JavaScript function that will handle the the CollapseMember client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the the CollapseMember client-side event.
Defines the name of the JavaScript function that will handle the the excelExport client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the the excelExport client-side event.
Defines the name of the JavaScript function that will handle the the pdfExport client-side event.
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will handle the the pdfExport client-side event.
Defines the fluent interface for configuring the .
Sets the messages of the pivotFieldMenu.
The lambda which configures the pivotFieldMenu messages
The server side wrapper for Kendo UI PivotGrid
Gets the sorting configuration.
The sorting.
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 padding of the QR code.
The QR padding.
@(Html.Kendo().QRCode()
.Name("qrCode")
.Padding(5)
)
<%:Html.Kendo().QRCode()
.Name("qrCode")
.Padding(5)
%>
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.
Gets or sets the QRCode padding.
The QRCode padding.
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 Model properties
Defines the fluent interface for configuring the Gantt .
Configures Model properties
Defines the fluent interface for configuring the .
Initializes a new instance of the class.
The container.
The update interval of the "current time" marker, in milliseconds.
The interval
If set to `false` the "current time" marker would be displayed using the Scheduler Timezone.
The useLocalTimezone
Defines the fluent interface for configuring the .
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
The template used to render the group headers of scheduler day, week, workWeek and timeline views.
The groupHeaderTemplate
The Id of the template used to render the group headers of scheduler day, week, workWeek and timeline views.
The groupHeaderTemplateId
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 false the moving of the events will be disabled. Moving is enabled by default.
The move 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
Recurring events edit mode.
The edit recurrence mode.
Configures the Scheduler Window instance, which is used for editing of events. The configuration is optional.
Defines the fluent interface for configuring the .
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 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
The template used to render the group headers of scheduler day, week, workWeek and timeline views.
The groupHeaderTemplate
The Id of the template used to render the group headers of scheduler day, week, workWeek and timeline views.
The groupHeaderTemplateId
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")
)
)
If set to false the footer of the scheduler would not be displayed.
The configurator for the footer setting.
If set to false the footer of the scheduler would not be displayed.
Enables or disables the footer option.
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");
});
})
%>
Sets the currentTimeMarker configuration of the scheduler.
The lambda which configures the currentTimeMarker
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.CurrentTimeMarker(marker =>
{
marker.UpdateInterval(100);
marker.UseLocalTimezone(false);
})
.DataSource(d => d
.Model(m => m.Id(f => f.TaskID))
.Read("Read", "Scheduler")
.Create("Create", "Scheduler")
.Destroy("Destroy", "Scheduler")
.Update("Update", "Scheduler")
)
)
If set to false the "current time" marker would be disabled.
The enabled
@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.CurrentTimeMarker(false)
.DataSource(d => d
.Model(m => m.Id(f => f.TaskID))
.Read("Read", "Scheduler")
)
)
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 pdfExport 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.PdfExport(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the pdfExport event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Scheduler()
.Name("Scheduler")
.Events(events => events.PdfExport("pdfExport"))
.DataSource(d => d
.Model(m => m.Id(f => f.TaskID))
.Read("Read", "Scheduler")
.Create("Create", "Scheduler")
.Destroy("Destroy", "Scheduler")
.Update("Update", "Scheduler")
)
)
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 timeline view.
Defines a Scheduler timeline view.
Enables a Scheduler timeline week view.
Defines a Scheduler timelineWeek view.
Enables a Scheduler timeline work week view.
Defines a Scheduler timelineWorkWeek view.
Enables a Scheduler timeline month view.
Defines a Scheduler timeline month 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 fluent interface for configuring the component.
Initializes a new instance of the class.
The component.
The selector to match the DOM element to which the Sortable widget will be instantiated
jQuery selector
The selector that determines which items are disabled. Disabled items cannot be dragged but are valid sort targets.
jQuery selector
The selector that determines which items are sortable. Filtered items cannot be dragged and are not valid sort targets.
jQuery selector
The selector that determines which element will be used as a draggable handler.
jQuery selector
Selector that determines the container boundaries in which hint movement will be constrained to.
jQuery selector
The selector which determines if items from the current Sortable widget can be accepted from another Sortable container(s). The connectWith option describes one way relationship, if the developer wants a two way connection then the connectWith option should be set on both widgets.
jQuery selector
The selector which determines child elements for which the sort will not be initiated. Useful if the sortable item contains input elements.
jQuery selector
The CSS style which determines the cursor that will be shown while user drags sortable item. For example 'move', 'pointer', etc.
String
When set to true, the item will be activated after the user taps and holds the finger on the element for a short amount of time.
If set to true the widget will auto-scroll the container when the mouse/finger is close to the top/bottom of it.
Constrains the hint movement to either the horizontal (x) or vertical (y) axis.
The axis
Configures the cursor offset of Sortable widget.
Cursor offset settings action.
<%= Html.Kendo().Sortable()
.For("#sortable")
.CursorOffset(settings =>
settings.Top(10).Left(10)
)
%>
HTML string representing the the hint element
Html string
Sets JavaScript function which to return the hint for the sorted item.
Sets JavaScript function which to return the hint for the sorted item.
JavaScript function name
HTML string representing the placeholder
Html string
Sets JavaScript function which to return the placeholder for the sorted item.
Sets JavaScript function which to return the placeholder for the sorted item.
JavaScript function name
Suppress initialization script rendering. Note that this options should be used in conjunction with
Returns the internal view component.
Sets the event configuration of the Sortable.
The lambda which configures the events
Renders the component.
Defines the fluent API for configuring the Sortable's cursor offset position settings
Sets the top position.
Sets the left position.
Defines the fluent interface for configuring sortable client events.
Defines the inline handler of the Start client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Sortable()
.For("#element")
.Events(events => events.Start(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Start client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Sortable()
.For("#element")
.Events(events => events.Start("start"))
)
Defines the inline handler of the Move client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Sortable()
.For("#element")
.Events(events => events.Move(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Move client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Sortable()
.For("#element")
.Events(events => events.Move("move"))
)
Defines the inline handler of the End client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Sortable()
.For("#element")
.Events(events => events.End(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the End client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Sortable()
.For("#element")
.Events(events => events.End("end"))
)
Defines the inline handler of the Change client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Sortable()
.For("#element")
.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().Sortable()
.For("#element")
.Events(events => events.Change("change"))
)
Defines the inline handler of the Cancel client-side event
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Sortable()
.For("#element")
.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().Sortable()
.For("#element")
.Events(events => events.Cancel("cancel"))
)
Represents the Sortable widget Axis
Default value
X axis
Y axis
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.
Defines the fluent interface for configuring the splitter panes ().
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 the pane size while collapsed.
The desired size. Only sizes in pixels and percentages are allowed.
<%= Html.Kendo().Splitter()
.Name("Splitter")
.Panes(panes =>
{
panes.Add().CollapsedSize("220px");
})
%>
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"))
%>
Defines the inline handler of the Error client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().Splitter()
.Name("Splitter")
.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().Splitter()
.Name("Splitter")
.Events(events => events.Error("onError"))
%>
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")
)
%>
The class that represents splitter panes.
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 the collapsed size of the pane
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
Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings.
The index of the column relative to the filter range.
The value that configures the index.
The filter sub-type, if any.Applicable types according to the main filter.
* aboveAverage
* belowAverage
* tomorrow
* today
* yesterday
* nextWeek
* thisWeek
* lastWeek
* nextMonth
* thisMonth
* lastMonth
* nextQuarter
* thisQuarter
* lastQuarter
* nextYear
* thisYear
* lastYear
* yearToDate
The value that configures the type.
Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings.
The index of the column relative to the filter range.
The value that configures the index.
The filter sub-type, if any.Applicable types according to the main filter.
* topNumber
* topPercent
* bottomNumber
* bottomPercent
The value that configures the type.
The filter value for filters that require a single value, e.g. "top".
The value that configures the value.
Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings.
The index of the column relative to the filter range.
The value that configures the index.
The filter values for filters that support multiple values.
The value that configures the values.
Defines the fluent API for configuring the Kendo Spreadsheet border style for ASP.NET MVC.
Configure cell border color
The color of the border
Configure cell border size
The size of the border
Initializes a new instance of the class.
The Spreadsheet component.
Builds the Spreadsheet markup.
Border style of the Spreadsheet widget
The size of the border
The color of the border
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)
%>
Configures the PDF export settings.
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.
Defines the fluent interface for configuring
Initializes a new instance of the class.
The settings.
Enables or disables scrolling. By default scrolling is enabled.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Scrollable(s => s.Enabled(false))
%>
The Enabled method is useful when you need to enable scrolling based on certain conditions.
Sets the scroll amount applied when the user clicks on a scroll button.
The scroll distance in pixels.
<%= Html.Kendo().TabStrip(Model)
.Name("TabStrip")
.Scrollable(s => s.Distance(200))
%>
Defines the fluent interface for configuring the component.
Sets the initial value of the TextBox.
Sets the initial format of the TextBox.
Enables or disables the textbox.
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.
Produces the set union of two sequences by using the default equality comparer.
An that contains the elements from both input sequences, excluding duplicates.
An whose distinct elements form the first set for the union.
An whose distinct elements form the first set for the union.
is null.
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.
Specifies the disabled dates in the Calendar widget using a function.
<%= Html.Kendo().Calendar()
.Name("calendar")
.DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday)
%>
Specifies the disabled dates in the Calendar widget using a function.
<%= Html.Kendo().Calendar()
.Name("calendar")
.DisableDates("disableDates")
%>
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
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
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 adding items to Kendo TreeList for ASP.NET MVC
Defines the fluent API for adding items to Kendo TreeList for ASP.NET MVC
Adds an item for a custom action.
Adds an item for the create action.
Adds an item for the excel action.
Adds an item for the pdf action.
Creates plot bands for the .
Initializes a new instance of the class.
The component.
Adds color range.
Initializes a new instance of the class.
The TreeMap component.
Builds the TreeMap markup.
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);
})
%>
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)
%>
If set to true the widget will auto-scroll the containing element when the mouse/finger is close to the top/bottom of it.
The value that configures the autoscroll.
Sets the field of the data item that provides the image URL of the TreeView nodes.
The value that configures the dataimageurlfield.
Sets the field of the data item that provides the sprite CSS class of the nodes.
If an array, each level uses the field that is at the same index in the array, or the last item in the array.
The value that configures the dataspritecssclassfield.
Sets the field of the data item that provides the link URL of the nodes.
The value that configures the dataurlfield.
The text messages displayed in the widget. Use it to customize or localize the messages.
The action that configures the messages.
Sets the field of the data item that provides the text content of the nodes.
If an array, each level uses the field that is at the same index in the array, or the last item in the array.
The value that configures the datatextfield.
Defines the fluent API for configuring the events of the Kendo TreeView for ASP.NET MVC
Triggered when the selection has changed (either by the user or through the select method).
The name of the JavaScript function that will handle the change event.
Triggered after the user has checked or unchecked a checkbox.
If checkChildren is true, the event is triggered after all checked states are updated.
This event has been introduced in internal builds after 2014.2.828.
The name of the JavaScript function that will handle the check event.
Triggered before a subgroup gets collapsed. Cancellable.
The name of the JavaScript function that will handle the collapse event.
Triggered after the dataSource change event has been processed (adding/removing items);
The name of the JavaScript function that will handle the dataBound event.
Triggered while a node is being dragged.
The name of the JavaScript function that will handle the drag event.
Triggered after a node has been dropped.
The name of the JavaScript function that will handle the dragend event.
Triggered before the dragging of a node starts.
The name of the JavaScript function that will handle the dragstart event.
Triggered when a node is being dropped.
The name of the JavaScript function that will handle the drop event.
Triggered before a subgroup gets expanded.
The name of the JavaScript function that will handle the expand event.
Triggered when the user moves the focus on another node
The name of the JavaScript function that will handle the navigate event.
Triggered when a node is being selected by the user. Cancellable.
The name of the JavaScript function that will handle the select event.
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 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 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 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 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 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 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 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 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 inline handler of the check client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TreeView()
.Name("TreeView")
.Events(events => events.Check(
@<text>
function(e) {
// event handling code
}
</text>
))
.Render();
%>
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.
Specifies the disabled dates in the DatePicker widget.
@(Html.Kendo().DatePicker()
.Name("datePicker")
.DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday)
)
Specifies the disabled dates in the DatePicker widget using a function.
<%= Html.Kendo().DatePicker()
.Name("DatePicker")
.DisableDates("disableDates")
%>
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 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 excelExport client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ExcelExport(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the excelExport client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ExcelExport("gridExcelExport"))
)
Defines the name of the JavaScript function that will handle the pdfExport client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.PdfExport(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the pdfExport client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.PdfExport("gridPdfExport"))
)
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"))
)
Defines the name of the JavaScript function that will handle the the ColumnLock client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnLock(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the ColumnLock client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnLock("gridColumnLock"))
)
Defines the name of the JavaScript function that will handle the the ColumnUnlock client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnUnlock(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the ColumnUnlock client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Events(events => events.ColumnUnlock("gridColumnUnlock"))
)
Defines the name of the JavaScript function that will handle the the Navigate client-side event.
The handler code wrapped in a text tag (Razor syntax).
@(Html.Kendo().Grid()
.Name("Grid")
.Navigatable()
.Events(events => events.Navigate(
@<text>
function(e) {
//event handling code
}
</text>
))
)
Defines the name of the JavaScript function that will handle the the Navigate client-side event.
The name of the JavaScript function that will handle the event.
@(Html.Kendo().Grid()
.Name("Grid")
.Navigatable()
.Events(events => events.Navigate("gridNavigate"))
)
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
%>
Enables or disabled virtual scrolling.
boolean flag
<%= Html.Kendo().Grid(Model)
.Name("Grid")
.Scrollable(s => s.Virtual(true))
%>
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
Insert Destroy button with custom HtmlAttributes and text
Insert Destroy button with custom HtmlAttributes
Insert Destroy button with custom text
Insert Destroy button
Insert Create button with custom HtmlAttributes and text
Insert Create button with custom HtmlAttributes
Insert Create button with custom text
Insert Create button
Insert Save button with custom HtmlAttributes and texts
Insert Save button with custom save and cancel text
Insert Save button with custom HtmlAttributes
Insert Save button
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>"
)
%>
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(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"))
)
.ClientAltRowTemplate(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"))
)
%>
If set to true users can copy the selection to the clipboard and paste it to Excel or similar spreadsheet applications.
Setting AllowCopy to true requires Selectable to be enabled.
If true the grid will be automatically data bound, otherwise false
@(Html.Kendo().Grid<Product>()
.Name("grid")
.AllowCopy(false)
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Multiple)
.Type(GridSelectionType.Cell))
.DataSource(dataSource =>
// configure the data source
dataSource
.Ajax()
.Read(read => read.Action("Products_Read", "Home"))
)
)
<%:Html.Kendo().Grid<Product>()
.Name("grid")
.AllowCopy(false)
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Multiple)
.Type(GridSelectionType.Cell))
.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.
Sets the noRecords configuration of the grid.
The lambda which configures the noRecords
Enables grid noRecords.
Enables grid noRecords and sets it's message.
The message used for noRecords
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.
Disables the menu popup collision detection.
Boolean parameter.
<%= Html.Kendo().Menu()
.Name("Menu")
.PopupCollision(false)
%>
Sets the menu popup collision detection.
The collision action. Can be "fit", "flip" or "fit flip".
<%= Html.Kendo().Menu()
.Name("Menu")
.PopupCollision(c => c.Collision("flip"))
%>
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");
});
})
%>
Renders a separator item
<%= Html.Kendo().Menu()
.Name("Menu")
.Items(items =>
{
items.Add().Separator(true);
})
%>
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 Show client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().TabStrip()
.Name("TabStrip")
.Events(events => events.Show(
@<text>
function(e) {
//event handling code
}
</text>
))
.Render();
%>
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().TabStrip()
.Name("TabStrip")
.Events(events => events.Show("onActivate"))
%>
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 collapsible property of the tabstrip.
Whether the component animation is collapsible.
<%= Html.Kendo().TabStrip()
.Name("PanelBar")
.Collapsible(false)
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 TabStrip keyboard navigation.
If true the TabStrip will have keyboard navigation.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Navigatable(false)
%>
Enable/disable security trimming functionality of the component.
If true security trimming is enabled.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.SecurityTrimming(false)
%>
Sets the tabs' position. The default value is Top. Using fade animation is highly recommended with any of the non-default tab position settings.
The position.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.TabPosition(TabPosition.Left)
%>
Sets the tab scrolling settings.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Scrollable(s => s.Enabled(true).Distance(300))
%>
Disables tab scrolling.
Boolean flag.
<%= Html.Kendo().TabStrip()
.Name("TabStrip")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
.Scrollable(false)
%>
Sets the selected tab of the widget
String value corresponding to DataTextField property
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)
MenuGroup - rendered around menu 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");
)
%>
Sets a value indicating whether to send credentials (cookies, headers) for cross-site requests.
true if credentials should be sent, false otherwise; true by default
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)
Gets or sets a value whether to send credentials as part of XHR requests
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)
Gets or sets a value whether to send credentials as part of XHR requests
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().TreeList(Model)
.Name("TreeList")
%>
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().DataSource<Order>()
.Name("DataSource")
.BindTo(Model)
)
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().Sortable()
.For("Container")
%>
Creates a new .
<%= Html.Kendo().Tooltip()
.For("Container")
%>
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<SchedulerEvent>()
.Name("Scheduler")
%>
Creates a new .
<%= Html.Kendo().PivotGrid()
.Name("PivotGrid")
%>
Creates a new .
<%= Html.Kendo().PivotGrid<EventData>()
.Name("PivotGrid")
%>
Creates a new .
<%= Html.Kendo().PivotConfigurator()
.Name("PivotConfigurator")
%>
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().MaskedTextBox()
.Name("MaskedTextBox")
%>
Creates a new .
<%= Html.Kendo().CheckBox()
.Name("CheckBox")
%>
Creates a new .
<%= Html.Kendo().RadioButton()
.Name("RadioButton")
%>
Creates a new .
<%= Html.Kendo().TextBox()
.Name("TextBox")
%>
Creates a new .
<%= Html.Kendo().TextBox<double>()
.Name("TextBox")
%>
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().Notification()
.Name("Notification1");
%>
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 kendo culture script for the current .NET culture.
Determines if the script should be rendered within a script tag
Returns the kendo culture scripts for the specified .NET culture.
The name of the culture.
Determines if the script should be rendered within a script tag
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().Menu()
.Name("Menu")
.Items(items => { /* add items here */ });
%>
Creates a
<%= Html.Kendo().ColorPicker()
.Name("ColorPicker")
%>
Creates a
<%= Html.Kendo().Editor()
.Name("Editor")
%>
Creates a
<%= Html.Kendo().Gantt()
.Name("Gantt")
%>
Creates a
<%= Html.Kendo().Map()
.Name("Map")
%>
Creates a
<%= Html.Kendo().ResponsivePanel()
.Name("ResponsivePanel")
%>
Creates a
<%= Html.Kendo().Spreadsheet()
.Name("Spreadsheet")
%>
Creates a
<%= Html.Kendo().ToolBar()
.Name("ToolBar")
%>
Creates a
<%= Html.Kendo().TreeList()
.Name("TreeList")
%>
Creates a
<%= Html.Kendo().TreeMap()
.Name("TreeMap")
%>
Creates a
<%= Html.Kendo().TreeView()
.Name("TreeView")
%>
Creates a
<%= Html.Kendo().Diagram()
.Name("Diagram")
%>
Creates a
<%= Html.Kendo().Diagram()
.Name("Diagram")
%>
Creates a new bound to the specified data source.
The type of the data item
The data source.
<%= Html.Kendo().Gantt(ViewBag.Tasks)
.Name("Gantt")
%>
Creates a new bound an item in ViewData.
Type of the data item
The data source view data key.
<%= Html.Kendo().Gantt("tasks")
.Name("Gantt")
%>
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().MobileCollapsible()
.Name("MobileCollapsible")
%>
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().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().MaskedTextBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().CheckBoxFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().RadioButtonFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().TextBoxFor(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().RecurrenceEditorFor(m=>m.Property) %>
Creates a new .
<%= Html.Kendo().TimezoneEditorFor(m=>m.Property) %>
Defines the fluent interface for configuring the component.
Explicitly specifies whether the content will be rendered as an iframe or in-line
Template to be used for rendering the items in the treeview.
Id of the template element to be used for rendering the items in the treeview.
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 name of the JavaScript function that will handle the the Minimize client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Minimize("onMinimize"))
%>
Defines the name of the JavaScript function that will handle the the Minimize client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Minimize("onMinimize"))
%>
Defines the name of the JavaScript function that will handle the the Maximize client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Maximize("onMaximize"))
%>
Defines the name of the JavaScript function that will handle the the Maximize client-side event.
The name of the JavaScript function that will handle the event.
<%= Html.Kendo().Window()
.Name("Window")
.Events(events => events.Maximize("onMaximize"))
%>
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
Configure how the window content is fetched, parsed, and rendered
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> 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 AllowCopy requires any Selectable mode to be enabled.
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 both Detail template and locked columns.
Looks up a localized string similar to Locked columns are not supported in server binding mode.
Looks up a localized string similar to Cannot use PushState with server navigation..
Looks up a localized string similar to Cannot use both Row template and locked columns.
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 Excel export is not supported in server binding mode..
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 There should be at least one button.
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.
Specifies the actionsheet type.
The value that configures the type.
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.
Configures the DOM event used to trigger the button click event/navigate in the mobile application. Can be set to "down" as an alias for touchstart, mousedown, MSPointerDown, and PointerDown vendor specific events.
Setting the clickOn to down usually makes sense for buttons in the header or in non-scrollable views for increased responsiveness.By default, buttons trigger click/navigate when the user taps the button (a press + release action sequence occurs).
The value that configures the clickon.
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 if the widget is initially enabled or disabled.
The value that configures the enable.
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.
Configuration options to be passed to the scroller instance instantiated by the view. For more details, check the scroller configuration options.
The value that configures the scroller.
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.
Fires when the mobile view transition starts.
The name of the JavaScript function that will handle the transitionStart event.
Fires after the mobile view transition container has its k-fx-end class set. Setting CSS properties to the view at the event handler will animate them.
The name of the JavaScript function that will handle the transitionEnd 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.
Fires before the ModalView is shown. calling preventDefault on the event argument will cancel the open.
The name of the JavaScript function that will handle the beforeOpen event.
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.
Introduced in the 2014 Q3 release. If set to false, the navigation will not update or read the browser location fragment.
The value that configures the browserhistory.
Introduced in the 2014 Q1 Service Pack 1 release. If set to true, the navigation will parse and prefix the url fragment value with !,
which should be SEO friendly.
The value that configures the hashbang.
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.
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.
The view model scope. By default, the views will try to resolve their models from the global scope (window).
The value that configures the modelscope.
Which platform look to force on the application. Supported values are "ios" (meaning iOS 6 look), "ios7","android", "blackberry" and "wp".
You can also set platform variants with it ("android-light" or "android-dark"), but keep in mind that it will still override the platform. If this is not desired, use the skin option.
The value that configures the platform.
Applicable if pushState is used and the application is deployed to a path different than /. If the application start page is hosted on http://foo.com/myapp/, the root option should be set to /myapp/.
The value that configures the root.
If set to true, the application will set the meta viewport tag scale value according to the device pixel ratio, and re-scale the app by setting root element font size to the respective value.
This will result in the widget borders/separators being real 1px wide.
For example, in iPhone 4/5, the device pixel ratio is 2, which means that the scale will be set to 0.5, while the app root will receive a font-size: 2 * 0.92 inline style set.
The value that configures the retina.
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 nova, flat, material-light and material-dark skins in addition to the native looking ones.
You can also set platform variants with it ("android-light" or "android-dark").Note: The Material themes were renamed to material-light and material-dark in 2014 Q3 SP1. With 2014 Q3 (v2014.3.1119) and older Kendo UI versions,
material and materialblack skin names should be used.
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. For a list of supported transitions, check the Getting Started help topic.
The value that configures the transition.
Whether to update the document title.
The value that configures the updatedocumenttitle.
By default, the mobile application uses flexbox for the mobile views layout. The content element is made scrollable, either by initializing a mobile scroller or with the browser supported overflow: auto and -webkit-overflow-scrolling: touch CSS declarations.
When the useNativeScrolling configuration option is set to true, the view header and footer are positioned using position: fixed CSS declaration. The view content vertical padding is adjusted to match the header and footer height; The default browser scroller is utilized for the content scrolling.For more information regarding native scrolling check this article.
The value that configures the usenativescrolling.
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.
Specify default icon url
The icon url
Specify icon url per dimension
Configurator for icon url per dimension
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.
Specifies the content element to shift when the drawer appears. Required if the drawer is used outside of a mobile application.
The value that configures the container.
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.
A list of the view ids on which the drawer will appear when the view is swiped. If omitted, the swipe gesture will work on all views.
The option has effect only if swipeToOpen is set to true.
The value that configures the swipetoopenviews.
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.
Fired after the mobile Drawer has been hidden.
The name of the JavaScript function that will handle the afterHide event.
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 MapControlsSettings settings.
Configures or disables the built-in attribution control.
Enables or disables the attribution option.
Configures or disables the built-in attribution control.
The action that configures the attribution.
Configures or disables the built-in navigator control (directional pad).
Enables or disables the navigator option.
Configures or disables the built-in navigator control (directional pad).
The action that configures the navigator.
Configures or disables the built-in zoom control (+/- button).
Enables or disables the zoom option.
Configures 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 marker layers.
The action that configures the marker.
The default configuration for shape layers.
The action that configures the shape.
The default configuration for bubble layers.
The action that configures the bubble.
The size of the image tile in pixels.
The value that configures the tilesize.
The default configuration for tile layers.
The action that configures the tile.
The default configuration for Bing (tm) tile layers.
The action that configures the bing.
Defines the fluent API for configuring the MapLayerDefaultsShapeSettings settings.
The attribution for all shape layers.
The value that configures the attribution.
The the opacity of all shape layers.
The value that configures the opacity.
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 urltemplate.
The URL template for tile layers. Template variables:
The value that configures the urltemplate.
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
The attribution for the layer. Accepts valid HTML.
The value that configures the attribution.
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.
Specifies the extent of the region covered by this layer.
The layer will be hidden when the specified area is out of view.Accepts a four-element array that specifies the extent covered by this layer:
North-West lat, longitude, South-East latitude, longitude.If not specified, the layer is always visible.
The value that configures the extent.
The API key for the layer. Currently supported only for Bing (tm) tile layers.
The value that configures the key.
The culture to be used for the bing map tiles.
The value that configures the culture.
The data item field which contains the marker (symbol) location.
The field should be an array with two numbers - latitude and longitude in decimal degrees.Requires the dataSource option to be set.Only applicable to "marker" and "bubble" layers.
The value that configures the locationfield.
The size of the image tile in pixels.
The value that configures the tilesize.
The data item field which contains the marker title.
Requires the dataSource option to be set.
The value that configures the titlefield.
The maximum symbol size for bubble layer symbols.
The value that configures the maxsize.
The minimum symbol size for bubble layer symbols.
The value that configures the minsize.
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 urltemplate.
The URL template for tile layers. Template variables:
The value that configures the urltemplate.
The value field for bubble layer symbols.
The data item field should be a number.
The value that configures the valuefield.
The zIndex for this layer.Layers are normally stacked in declaration order (last one is on top).
The value that configures the zindex.
The layer type. Supported types are "tile", "bing", "shape", "marker" and "bubble".
The value that configures the type.
The bing map tile types. Possible options.
The value that configures the imageryset.
The marker shape. Supported shapes are "pin" and "pinTarget".
The value that configures the shape.
The bubble layer symbol type. Supported symbols are "circle" and "square".
The value that configures the symbol.
The marker shape name. The "pin" and "pinTarget" shapes are predefined.
The name of the shape.
The bubble layer symbol type. The "circle" and "square" symbols are predefined.
The value that configures the symbol.
A client-side function to invoke that will draw the symbol.
The name of the JavaScript function that will draw the symbol.
The tooltip options for this marker.
The action that configures the tooltip.
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 shape. Supported shapes are "pin" and "pinTarget".
The value that configures the shape.
The marker shape name. The "pin" and "pinTarget" shapes are predefined.
The name of the shape.
Default Kendo UI Tooltip options for this marker.
The action that configures the tooltip.
Defines the fluent API for adding items to Kendo Map for ASP.NET MVC
Defines the fluent API for configuring the MapMarker settings.
The marker location on the map. Coordinates are listed as [Latitude, Longitude].
The value that configures the location.
The marker title. Displayed as browser tooltip.
The value that configures the title.
The marker shape. Supported shapes are "pin" and "pinTarget".
The value that configures the shape.
The marker shape name. The "pin" and "pinTarget" shapes are predefined.
The name of the shape.
The tooltip options for this marker.
The action that configures the tooltip.
Sets the HTML attributes.
The HTML attributes.
Sets the HTML attributes.
The HTML attributes.
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.
Defines the fluent API for configuring the MapLayerDefaultsBingSettings settings.
The attribution of all Bing (tm) layers.
The value that configures the attribution.
The the opacity of all Bing (tm) tile layers.
The value that configures the opacity.
The key of all Bing (tm) tile layers.
The value that configures the key.
The culture to be used for the bing map tiles.
The value that configures the culture.
The bing map tile types. Possible options.
The value that configures the imageryset.
Defines the fluent API for configuring the MapLayerDefaultsMarkerSettings settings.
The the opacity of all marker layers.
The value that configures the opacity.
The marker shape. Supported shapes are "pin" and "pinTarget".
The value that configures the shape.
The marker shape name. The "pin" and "pinTarget" shapes are predefined.
The name of the shape.
The tooltip options for this marker.
The action that configures the tooltip.
Defines the fluent API for configuring the DiagramConnectionDefaultsSettings settings.
Defines the label displayed on the connection path.
The action that configures the content.
Defines the editing behavior of the connections.
Enables or disables the editable option.
Defines the editing behavior of the connections.
The action that configures the editable.
The connection end cap type.
The end cap type.
The connection end cap configuration or type name.
The action that configures the endcap.
Defines the hover configuration.
The action that configures the hover.
Specifies if the connection can be selected.
The value that configures the selectable.
Defines the connection selection configuration.
The action that configures the selection.
The connection start cap type.
The start cap type.
The connection start cap configuration or type name.
The action that configures the startcap.
Defines the stroke configuration.
The action that configures the stroke.
The connections type.
The value that configures the type.
The default source connector.
The value that configures the default source connector.
The default target connector.
The value that configures the default target connector.
Defines the fluent API for configuring the DiagramConnectionDefaultsHoverSettings settings.
Defines the hover configuration.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramConnectionDefaultsHoverStrokeSettings settings.
Defines the highlight color when the pointer is hovering over the connection.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionDefaultsStrokeSettings settings.
Defines the stroke or line color of the connection.
The value that configures the color.
Defines the stroke width of the connection.
The value that configures the width.
Defines the fluent API for adding items to Kendo Diagram for ASP.NET MVC
Defines the fluent API for configuring the DiagramConnection settings.
Defines the shapes content settings.
The action that configures the content.
Defines the shape editable options.
Enables or disables the editable option.
Defines the shape editable options.
The action that configures the editable.
The connection end cap type.
The end cap type.
The connection end cap configuration or type name.
The action that configures the endcap.
Defines the source of the connection.
The action that configures the from.
Defines the hover configuration.
The action that configures the hover.
Sets the intermediate points (in global coordinates) of the connection. It's important to note that currently these points cannot be manipulated in the interface.
The action that configures the points.
Defines the connection selection configuration.
The action that configures the selection.
The connection start cap type.
The start cap type.
The connection start cap configuration or type name.
The action that configures the startcap.
Defines the stroke configuration.
The action that configures the stroke.
Defines the connection to.
The action that configures the to.
The connection type.
The value that configures the type.
The default source connector.
The value that configures the default source connector.
The default target connector.
The value that configures the default target connector.
Defines the fluent API for configuring the DiagramConnectionHoverSettings settings.
Defines the hover stroke configuration.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramConnectionHoverStrokeSettings settings.
Defines the highlight color when the pointer is hovering over the connection.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionStrokeSettings settings.
Defines the stroke or line color of the connection.
The value that configures the color.
Defines the stroke width of the connection.
The value that configures the width.
Defines the fluent API for configuring the DiagramLayoutSettings settings.
Defines where the circle/arc ends. The positive direction is clockwise and the angle is in degrees. This setting is specific to the radial tree layout.
The value that configures the endradialangle.
Each layout algorithm has a different set of parameters customizing the layout but they also all have a common collection of parameters which relate to the way 'pieces' of a diagram are organized.
A diagram can have in general disconnected pieces, known as components, which can be organized in a way independent of the way a component on its own is arranged. In the picture above, this is one diagram consisting of four components.When you apply a certain layout an analysis will first split the diagram in components, arrange each component individually and thereafter organize the components in a grid. The common parameters referred above deal with this grid layout, they define the width, margin and padding of the (invisible) grid used to organize the components.
The action that configures the grid.
Either the distance between the siblings if the tree is up/down or between levels if the tree is left/right. In tipOver tree layout this setting is used only for the direct children of the root
The value that configures the horizontalseparation.
The number of times that all the forces in the diagram are being calculated and balanced. The default is set at 300, which should be enough for diagrams up to a hundred nodes. By increasing this parameter you increase the correctness of the simulation but it does not always lead to a more stable topology. In some situations a diagram simply does not have a stable minimum energy state and oscillates (globally or locally) between the minima. In such a situation increasing the iterations will not result in a better topology.In situations where there is enough symmetry in the diagram the increased number of iterations does lead to a better layout. In the example below the 100 iterations was not enough to bring the grid to a stable state while 300 iterations did bring all the nodes in such a position that the (virtual) energy of the diagram is a minimum.This setting is specific to the force-directed layout
The value that configures the iterations.
The height (in a vertical layout) or width (in a horizontal layout) between the layers.
The value that configures the layerseparation.
In the force-directed layout this setting defines the optimal length between 2 nodes, which directly correlates to the state of the link between them. If a link is longer than there will be a force pulling the nodes together, if the link is shorter the force will push the nodes apart. The optimal length is more and indication in the algorithm than a guarantee that all nodes will be at this distance. The result of the layout is really a combination of the incidence structure of the diagram, the initial topology (positions of the nodes) and the number of iterations.In the layered layout it defines the minimum distance between nodes on the same level. Due to the nature of the algorithm this distance will only be respected if the the whole crossing of links and optimimzation does not induce a shift of the siblings.This setting is specific to the force-directed layout and layered layout
The value that configures the nodedistance.
Controls the distance between the root and the immediate children of the root. This setting is specific to the radial tree layout.
The value that configures the radialfirstlevelseparation.
Defines the radial separation between the levels (except the first one which is defined by the aforementioned radialFirstLevelSeparation). This setting is specific to the radial tree layout.
The value that configures the radialseparation.
Defines where the circle/arc starts. The positive direction is clockwise and the angle is in degrees. This setting is specific to the radial tree layout.
The value that configures the startradialangle.
Defines the horizontal offset from a child with respect to its parent. This setting is specific to the tipOver tree layout.
The value that configures the underneathhorizontaloffset.
Defines the vertical separation between siblings and sub-branches. This setting is specific to the tipOver tree layout.
The value that configures the underneathverticalseparation.
Defines the vertical separation between a parent and its first child. This offsets the whole set of children with respect to its parent. This setting is specific to the tipOver tree layout.
The value that configures the underneathverticaltopoffset.
Either the distance between levels if the tree is up/down or between siblings if the tree is left/right. This property is not used in tipOver tree layout but rather replaced with three additional ones - underneathVerticalTopOffset, underneathVerticalSeparation and underneathHorizontalOffset
The value that configures the verticalseparation.
The layout type.
The value that configures the type.
The layout subtype.
The value that configures the subtype.
Specifies the start level when the subtype is TipOver.
The start level when the subtype is TipOver.
Defines the fluent API for configuring the DiagramLayoutGridSettings settings.
Defines the horizontal spacing between each component. The default is 50.
The value that configures the componentspacingx.
Defines the vertical spacing between each component. The default is 50.
The value that configures the componentspacingy.
Defines the left offset of the grid layout. The default is 50.
The value that configures the offsetx.
Defines the top offset of the grid layout. The default is 50.
The value that configures the offsety.
Defines the width of the grid. The bigger this parameter the more components will be organized in an horizontal row. How many components really depends on your diagram and they type of layout applied to each component. The default is set to 800.
The value that configures the width.
Defines the fluent API for configuring the DiagramShapeDefaultsSettings settings.
Defines the default options for the shape connectors.
The action that configures the default options.
Defines the connectors the shape owns.You can easily define your own custom connectors or mix-match with the above defined custom connectors.Example - custom shape with custom connectorsThe following defines a custom shape with connectors adapted to the shape's outline. Note in particular the various helpful methods (right(), left(), top()) to define positions relative to the shape.
The action that configures the connectors.
Defines the shapes content settings.
The action that configures the content.
Defines the shape editable options.
Enables or disables the editable option.
Defines the shape editable options.
The action that configures the editable.
Defines the fill options of the shape.
The action that configures the fill.
Defines the height of the shape when added to the diagram.
The value that configures the height.
Defines the hover configuration.
The action that configures the hover.
Defines the minimum height the shape should have, i.e. it cannot be resized to a value smaller than the given one.
The value that configures the minheight.
Defines the minimum width the shape should have, i.e. it cannot be resized to a value smaller than the given one.
The value that configures the minwidth.
The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format (http://www.w3.org/TR/SVG/paths.html#PathData "SVG Path data.").
The value that configures the path.
Defines the rotation of the shape.
The action that configures the rotation.
Specifies if the shape can be selected.
The value that configures the selectable.
The source of the shape image. Applicable when the type is set to "image".
The value that configures the source.
Defines the stroke configuration.
The action that configures the stroke.
Specifies the type of the Shape using any of the built-in shape type.
The value that configures the type.
Defines the width of the shape when added to the diagram.
The value that configures the width.
Defines the x-coordinate of the shape when added to the diagram.
The value that configures the x.
Defines the y-coordinate of the shape when added to the diagram.
The value that configures the y.
Defines the inline visual template
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will create the visual element.
The name of the JavaScript function that will create the visual element.
Defines the fluent API for configuring the DiagramShapeDefaultsHoverSettings settings.
Hover's fill options.
The action that configures the fill.
Defines the fluent API for configuring the DiagramShapeDefaultsRotationSettings settings.
Sets the rotational angle of the shape.
The value that configures the angle.
Defines the fluent API for configuring the DiagramShapeDefaultsStrokeSettings settings.
Defines the color of the shape's stroke.
The value that configures the color.
The dash type of the shape.The following dash types are supported:
The value that configures the dashtype.
Defines the thickness or width of the shape's stroke.
The value that configures the width.
Defines the fluent API for adding items to Kendo Diagram for ASP.NET MVC
Defines the fluent API for configuring the DiagramShape settings.
Defines the default options for the shape connectors.
The action that configures the default options.
Defines the connectors the shape owns.
The action that configures the connectors.
Defines the shapes content settings.
The action that configures the content.
Defines the shape editable options.
Enables or disables the editable option.
Defines the shape editable options.
The action that configures the editable.
Defines the fill options of the shape.
The action that configures the fill.
Defines the height of the shape when added to the diagram.
The value that configures the height.
Defines the hover configuration.
The action that configures the hover.
The unique identifier for a Shape.
The value that configures the id.
Defines the minimum height the shape should have, i.e. it cannot be resized to a value smaller than the given one.
The value that configures the minheight.
Defines the minimum width the shape should have, i.e. it cannot be resized to a value smaller than the given one.
The value that configures the minwidth.
The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format (http://www.w3.org/TR/SVG/paths.html#PathData "SVG Path data.").
The value that configures the path.
The function that positions the connector.
The action that configures the rotation.
The source of the shape image. Applicable when the type is set to "image".
The value that configures the source.
Defines the stroke configuration.
The action that configures the stroke.
Specifies the type of the Shape using any of the built-in shape type.
The value that configures the type.
Defines the width of the shape when added to the diagram.
The value that configures the width.
Defines the x-coordinate of the shape when added to the diagram.
The value that configures the x.
Defines the y-coordinate of the shape when added to the diagram.
The value that configures the y.
Defines the inline visual template
The handler code wrapped in a text tag (Razor syntax).
Defines the name of the JavaScript function that will create the visual element.
The name of the JavaScript function that will create the visual element.
Defines the fluent API for configuring the DiagramShapeHoverSettings settings.
Hover's fill options.
The action that configures the fill.
Defines the fluent API for configuring the DiagramShapeRotationSettings settings.
The rotation angle.
The value that configures the angle.
Defines the fluent API for configuring the DiagramShapeStrokeSettings settings.
Defines the color of the shape's stroke.
The value that configures the color.
The dash type of the shape.The following dash types are supported:
The value that configures the dashtype.
Defines the thickness or width of the shape's stroke.
The value that configures the width.
Defines the fluent API for adding items to Kendo Connection for ASP.NET MVC
Defines the fluent API for configuring the DiagramConnectionPoint settings.
Sets the X coordinate of the intermediate point.
The value that configures the x.
Sets the Y coordinate of the intermediate point.
The value that configures the y.
Defines the fluent API for adding items to Kendo ShapeDefaults for ASP.NET MVC
Defines the fluent API for configuring the DiagramShapeDefaultsSettingsConnector settings.
The connector name.
The value that configures the name.
Defines the name of the JavaScript function that positions the connector.
The name of the function that positions the connector.
Defines the inline handler that positions the connector.
The inline handler that positions the connector.
Defines the fluent API for adding items to Kendo Shape for ASP.NET MVC
Defines the fluent API for configuring the DiagramShapeConnector settings.
The connector description.
The value that configures the description.
The connector name. Predefined names include:
The value that configures the name.
Defines the name of the JavaScript function that positions the connector.
The name of the function that positions the connector.
Defines the inline handler that positions the connector.
The inline handler that positions the connector.
The connector width.
The value that configures the width.
The connector height.
The value that configures the height.
Connector's fill options.
The action that configures the fill.
Connector's stroke options.
The action that configures the stroke.
Connector's hover options.
The action that configures the hover.
Defines the fluent API for configuring the DiagramShapeDefaultsContentSettings settings.
The alignment of the text inside the shape.
The value that configures the align.
The color of the shape content text.
The value that configures the color.
The font family of the shape content text.
The value that configures the fontfamily.
The font size of the shape content text.
The value that configures the fontsize.
The font style of the shape content text.
The value that configures the font style.
The font weight of the shape content text.
The value that configures the font weight.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The text displayed in the shape.
The value that configures the text.
Defines the fluent API for configuring the DiagramShapeContentSettings settings.
The alignment of the text inside the shape.
The value that configures the align.
The color of the shape content text.
The value that configures the color.
The font family of the shape content text.
The value that configures the fontfamily.
The font size of the shape content text.
The value that configures the fontsize.
The font style of the shape content text.
The value that configures the font style.
The font weight of the shape content text.
The value that configures the font weight.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The text displayed in the shape.
The value that configures the text.
Defines the fluent API for configuring the DiagramEditableSettings settings.
Specifies the connection editor template which shows up when editing the connection via a pop-up editor much like 'editable.template' configuration of the Kendo UI Grid widget.
The value that configures the connectiontemplate.
Specifies the connection editor template which shows up when editing the connection via a pop-up editor much like 'editable.template' configuration of the Kendo UI Grid widget.
The value that configures the connectiontemplate.
Specifies if the shapes and connections can be dragged.
Enables or disables the drag option.
Specifies if the shapes and connections can be dragged.
The action that configures the drag.
Specifies if the shapes and connections can be removed.
The value that configures the remove.
Defines the look-and-feel of the resizing handles.
Enables or disables the resize option.
Defines the look-and-feel of the resizing handles.
The action that configures the resize.
Specifies whether the shapes can be rotated. Note that changing this setting after creating the diagram will have no effect.
Enables or disables the rotate option.
Specifies whether the shapes can be rotated. Note that changing this setting after creating the diagram will have no effect.
The action that configures the rotate.
Specifies the shape editor template. See the 'editable.connectionTemplate' for an example.
The value that configures the shapetemplate.
Specifies the shape editor template. See the 'editable.connectionTemplate' for an example.
The value that configures the shapetemplate.
Specifies the the toolbar tools. Predefined tools are:
The action that configures the tools.
Specifies the shape editor template.
The value that configures the shapetemplate.
Specifies the connection editor template.
The value that configures the connectiontemplate.
Defines the fluent API for configuring the DiagramEditableResizeHandlesSettings settings.
Specifies the fill settings of the resizing handles. See the editable.resize configuration for an example.
The action that configures the fill.
Specifies the height of the resizing handles. See the editable.resize configuration for an example.
The value that configures the height.
Specifies the settings of the resizing handles on hovering over them. See the editable.resize configuration for an example.
The action that configures the hover.
Specifies the stroke of the resizing handles. See the editable.resize configuration for an example.
The action that configures the stroke.
Specifies the width of the resizing handles. See the editable.resize configuration for an example.
The value that configures the width.
Defines the fluent API for configuring the DiagramEditableResizeHandlesHoverSettings settings.
Specifies the fill settings on hovering over the resizing handles. See the editable.resize configuration for an example.
The action that configures the fill.
Specifies the stroke on hovering over the resizing handles. See the editable.resize configuration for an example.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramEditableResizeHandlesHoverStrokeSettings settings.
Specifies the stroke color on hovering over the resizing handles. See the editable.resize configuration for an example.
The value that configures the color.
Specifies the stroke dash type on hovering over the resizing handles. See the editable.resize configuration for an example.
The value that configures the dashtype.
Specifies the stroke color on hovering over the resizing handles. See the editable.resize configuration for an example.
The value that configures the width.
Defines the fluent API for configuring the DiagramEditableResizeHandlesStrokeSettings settings.
Specifies the stroke color of the resizing handles. See the editable.resize configuration for an example.
The value that configures the color.
Specifies the stroke dash type of the resizing handles. See the editable.resize configuration for an example.
The value that configures the dashtype.
Specifies the stroke thickness of the resizing handles. See the editable.resize configuration for an example.
The value that configures the width.
Defines the fluent API for configuring the DiagramEditableSelectSettings settings.
Set the thumb backgorund.
The value that configures the background.
Specifies the select stroke styles.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramEditableSelectStrokeSettings settings.
Specifies the select stroke color.
The value that configures the color.
Specifies the select stroke width.
The value that configures the width.
Specifies the select stroke dash type.
The value that configures the dashtype.
The server side wrapper for Kendo UI Gantt
Type of the Task model
Type of the Dependencies model
Defines the fluent API for configuring the Kendo Gantt for ASP.NET MVC.
The type of the task data item
The type of the dependency data item
Initializes a new instance of the class.
The component.
Configures the DataSource options.
The DataSource configurator action.
@(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>()
.Name("Gantt")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("Read", "Gantt");
});
})
)
Configures the dependencies DataSource options.
The DataSource configurator action.
@(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>()
.Name("Gantt")
.DependenciesDataSource(source =>
{
source.Read(read =>
{
read.Action("Read", "Gantt");
});
})
)
The configuration of the gantt columns. An array of JavaScript objects or strings. A JavaScript objects are interpreted as column configurations. Strings are interpreted as the
field to which the column is bound. The gantt will create a column for every item of the array.
The action that configures the columns.
The configuration of the assignments of the gantt resources. An assignment is a one-to-one mapping between a gantt task and a gantt resource containing the number of units for which a resource is assigned to a task.
The action that configures the assignments.
If set to false the "current time" marker of the Gantt would not be displayed.
The action that configures the currenttimemarker.
If set to false the user won't be able to create, modify or delete tasks and dependencies.
The configuration of the gantt resource(s). A gantt resource is optional metadata that can be associated
with a gantt task.
The action that configures the resources.
If set to false the widget 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.
Defines the width of the column resize handle in pixels. Apply a larger value for easier grasping.
The value that configures the columnresizehandlewidth.
If set to false the user won't be able to create, modify or delete tasks and dependencies.
Enables or disables the editable option.
If set to false the user won't be able to create, modify or delete tasks and dependencies.
The action that configures the editable.
If set to true the user could navigate the widget using the keyboard. By default keyboard navigation is disabled.
The value that configures the navigatable.
Sets the start of the work day.
The value that configures the workdaystart.
Sets the end of the work day.
The value that configures the workdayend.
The start of working week (index based).
The value that configures the workweekstart.
The end of working week (index based).
The value that configures the workweekend.
The span of an hour slot.
The value that configures the hourspan.
If set to true the Gantt will snap tasks to the nearest slot during dragging (resizing or moving). Set it to false to allow free moving and resizing of tasks.
The value that configures the snap.
The height of the widget. Numeric values are treated as pixels.
The value that configures the height.
The width of the task list. Numeric values are treated as pixels.
The value that configures the listwidth.
The configuration of the Gantt messages. Use this option to customize or localize the Gantt messages.
The action that configures the messages.
Configures the Kendo UI Gantt PDF export settings.
The action that configures the pdf.
If set to true allows users to resize columns by dragging their header borders. By default resizing is disabled.
The value that configures the resizable.
If set to false the user won't be able to select tasks in the Gantt. By default selection is enabled and triggers the change event.
The value that configures the selectable.
If set to false, Gantt views will show all days of the week. By default the views display only business days.
The value that configures the showworkdays.
If set to false, the day view will show all hours of the day. By default the view displays only business hours.
The value that configures the showworkhours.
The template used to render the gantt tasks.The fields which can be used in the template are the task fields
The value that configures the tasktemplate.
The template used to render the gantt tasks.The fields which can be used in the template are the task fields
The value that configures the tasktemplate.
If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole Gantt Toolbar,
and the string value will be passed as an argument to a kendo.template() function.If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the Gantt Toolbar contents.If an Array value is assigned, it will be treated as the list of commands displayed in the Gantt Toolbar. Commands can be custom or built-in ("append", "pdf").The "append" command adds a new task to the gantt.The "pdf" command exports the gantt in PDF format.
The action that configures the toolbar.
The task tooltip configuration options.
The action that configures the tooltip.
The views displayed by the Gantt and their configuration. The array items can be either objects specifying the view configuration or strings representing the view types (assuming default configuration).
By default the Kendo UI Gantt widget displays "day", "week", and "month" views.
The action that configures the views.
The height of the table rows. Numeric values are treated as pixels.
The value that configures the rowheight.
Configures the client-side events.
The client events action.
@(Html.Kendo().Gantt()
.Name("Gantt")
.Events(events => events
.DataBinding("onDataBinding")
)
)
Defines the fluent API for configuring the Kendo Gantt for ASP.NET MVC events.
Fired before the widget binds to its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the dataBinding event.
Fired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the dataBound event.
Fired when a new task or a new dependency is about to be added.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the add event.
Fired when the user starts task edit upon double click on a cell.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the edit event.
Fired when a task or a dependency is about to be removed.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the remove event.
Fired when the user cancels tasks's cell editing by pressing the 'Esc' key.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the cancel event.
Fired when a task field is updated upon user interaction.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the save event.
Fired when the user selects a task in the Gantt.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the change event.
Fired when the user resizes a column.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnResize event.
Fired when the user changes the selected view of the Gantt.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the navigate event.
Fired when the user starts to drag a task.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the moveStart event.
Fired when the user is moving a task.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the move event.
Fired when the user stops moving a task.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the moveEnd event.
Fired when the user clicks the "Export to PDF" toolbar button.
The name of the JavaScript function that will handle the pdfExport event.
Fired when the user starts to resize a task.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the resizeStart event.
Fired when the user is resizing a task.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the resize event.
Fired when the user releases the mouse after resizing a task.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the resizeEnd event.
Defines the fluent API for configuring the MapLayerDefaultsBubbleSettings settings.
The attribution for all bubble layers.
The value that configures the attribution.
The the opacity of all bubble layers.
The value that configures the opacity.
The maximum symbol size for bubble layer symbols.
The value that configures the maxsize.
The minimum symbol size for bubble layer symbols.
The value that configures the minsize.
The default style for bubble layer symbols.
The action that configures the style.
The bubble layer symbol type. Supported symbols are "circle" and "square".
The value that configures the symbol.
The bubble layer symbol type. The "circle" and "square" symbols are predefined.
The value that configures the symbol.
A client-side function to invoke that will draw the symbol.
The name of the JavaScript function that will draw the symbol.
Defines the fluent API for configuring the MapLayerDefaultsBubbleStyleSettings settings.
The default fill for bubble layer symbols.
Accepts a valid CSS color string or object with detailed configuration.
The action that configures the fill.
The default stroke for bubble layer symbols.
Accepts a valid CSS color string or object with detailed configuration.
The action that configures the stroke.
Defines the fluent API for configuring the MapLayerDefaultsBubbleStyleFillSettings settings.
The default fill color for bubble layer symbols.
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 symbols.
The value that configures the opacity.
Defines the fluent API for configuring the MapLayerDefaultsBubbleStyleStrokeSettings settings.
The default stroke color for bubble layer symbols.
Accepts a valid CSS color string, including hex and rgb.
The value that configures the color.
The default dash type for layer symbols.
The following dash types are supported:
The value that configures the dashtype.
The default stroke opacity (0 to 1) for bubble layer symbols.
The value that configures the opacity.
The default stroke width for bubble layer symbols.
The value that configures the width.
Defines the fluent API for configuring the GanttMessagesSettings settings.
The configuration of the Gantt action messages. Use this option to customize or localize the Gantt action messages.
The action that configures the actions.
The text similar to "Cancel" displayed in Gantt.
The value that configures the cancel.
The text similar to "Are you sure you want to delete this dependency?" displayed in Gantt dependency delete dialog.
The value that configures the deletedependencyconfirmation.
The text similar to "Delete dependency" displayed in Gantt dependency delete dialog title.
The value that configures the deletedependencywindowtitle.
The text similar to "Are you sure you want to delete this task?" displayed in Gantt task delete dialog.
The value that configures the deletetaskconfirmation.
The text similar to "Delete task" displayed in Gantt task delete dialog title.
The value that configures the deletetaskwindowtitle.
The text similar to "Delete" displayed in Gantt.
The value that configures the destroy.
The configuration of the Gantt editor messages. Use this option to customize or localize the Gantt editor messages.
The action that configures the editor.
The text similar to "Save" displayed in Gantt.
The value that configures the save.
The configuration of the Gantt view messages. Use this option to customize or localize the Gantt view messages.
The action that configures the views.
Defines the fluent API for configuring the GanttMessagesActionsSettings settings.
The text similar to "Add child" displayed as Gantt "add child" buttons.
The value that configures the addchild.
The text similar to "Append" displayed as Gantt "append" buttons.
The value that configures the append.
The text similar to "Add below" displayed as Gantt "add below" buttons.
The value that configures the insertafter.
The text similar to "Add above" displayed as Gantt "add above" buttons.
The value that configures the insertbefore.
The text of "Export to PDF" button of the Gantt toolbar.
The value that configures the pdf.
Defines the fluent API for configuring the GanttMessagesViewsSettings settings.
The text similar to "Day" displayed as Gantt "day" view title.
The value that configures the day.
The text similar to "End" displayed in Gantt resize hint.
The value that configures the end.
The text similar to "Month" displayed as Gantt "month" view title.
The value that configures the month.
The text similar to "Start" displayed in Gantt resize hint.
The value that configures the start.
The text similar to "Week" displayed as Gantt "week" view title.
The value that configures the week.
The text similar to "Year" displayed as Gantt "year" view title.
The value that configures the year.
Defines the fluent API for adding views to Gantt for ASP.NET MVC
Defines the fluent API for configuring the GanttView settings.
If set to true the view will be initially selected by the Gantt widget. The default selected view is "day".
The value that configures the selected.
The size of the time slot headers. Values are treated as pixels.
The value that configures the slotsize.
The template used to render the time slots in "day" view
The value that configures the timeheadertemplate.
The template used to render the time slots in "day" view
The value that configures the timeheadertemplate.
The template used to render the day slots in "day" and "week" views.
The value that configures the dayheadertemplate.
The template used to render the day slots in "day" and "week" views.
The value that configures the dayheadertemplate.
The template used to render the week slots in "week" and "month" views.
The value that configures the weekheadertemplate.
The template used to render the week slots in "week" and "month" views.
The value that configures the weekheadertemplate.
The template used to render the month slots in "month" and "year" views.
The value that configures the monthheadertemplate.
The template used to render the month slots in "month" and "year" views.
The value that configures the monthheadertemplate.
The template used to render the year slots in "year" view.
The value that configures the yearheadertemplate.
The template used to render the year slots in "year" view.
The value that configures the yearheadertemplate.
The format used to display the start and end dates in the resize tooltip.
The value that configures the resizetooltipformat.
The view type. Supported types are "day", "week", "month" and "year".
The value that configures the type.
Defines the fluent API for adding items to Kendo Gantt for ASP.NET MVC
Defines a bound column.
Defines a bound column.
Defines a resource column.
Defines a bound column.
Defines the fluent API for configuring the Kendo ToolBar for ASP.NET MVC.
Initializes a new instance of the class.
The component.
If resizable is set to true the widget will detect changes in the viewport width and hides the overflowing controls in the command overflow popup.
The value that configures the resizable.
A JavaScript array that contains the ToolBar's commands configuration.
The action that configures the items.
Configures the client-side events.
The client events action.
<%= Html.Kendo().ToolBar()
.Name("ToolBar")
.Events(events => events
.Click("onClick")
)
%>
Defines the fluent API for adding items to Kendo ToolBar for ASP.NET MVC
Defines the fluent API for configuring the ToolBarItem settings.
Specifies the HTML attributes of a ToolBar button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a ToolBar button.
The value that configures the htmlattributes.
Specifies the buttons of ButtonGroup.
The action that configures the buttons.
Specifies the click event handler of the button. Applicable only for commands of type button and splitButton.
The value that configures the click action.
Specifies the click event handler of the button. Applicable only for commands of type button and splitButton.
The value that configures the click action.
Specifies whether the control is initially enabled or disabled. Default value is "true".
The value that configures the enable.
Assigns the button to a group. Applicable only for buttons with togglable: true.
The value that configures the group.
Determines if a button is visible or hidden. By default buttons are visible.
The value that configures the hidden.
Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies the menu buttons of a SplitButton.
The action that configures the menubuttons.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies whether the button is primary. Primary buttons receive different styling.
The value that configures the primary.
Specifies if the toggle button is initially selected. Applicable only for buttons with togglable: true.
The value that configures the selected.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Sets the text of the button.
The value that configures the text.
Specifies if the button is togglable, e.g. has a selected and unselected state.
The value that configures the togglable.
Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true.
The value that configures the toggle action.
Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true.
The value that configures the toggle action.
Specifies the url to navigate to.
The value that configures the url.
Specifies the type of the item.
The value that configures the type.
Specifies where the text will be displayed.
The value that configures the showtext.
Specifies where the icon will be displayed.
The value that configures the showicon.
Specifies how the button behaves when the ToolBar is resized.
The value that configures the overflow.
Defines the fluent API for adding items to Kendo Item for ASP.NET MVC
Defines the fluent API for configuring the ToolBarItemButton settings.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the click action.
Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the click action.
Specifies whether the button is initially enabled or disabled.
The value that configures the enable.
Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the group.
Determines if the button is visible or hidden. By default the buttons are visible.
The value that configures the hidden.
Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the selected.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the toggle action.
Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the toggle action.
Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.
The value that configures the togglable.
Specifies the text of the menu button.
The value that configures the text.
Specifies the url of the button to navigate to.
The value that configures the url.
Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.
The value that configures the showtext.
Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.
The value that configures the showicon.
Defines the fluent API for adding items to Kendo Item for ASP.NET MVC
Defines the fluent API for configuring the ToolBarItemMenuButton settings.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies whether the menu button is initially enabled or disabled.
The value that configures the enable.
Determines if a button is visible or hidden. By default buttons are visible.
The value that configures the hidden.
Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the menu buttons.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the menu button.
The value that configures the imageurl.
Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon.
The value that configures the spritecssclass.
Specifies the text of the menu buttons.
The value that configures the text.
Specifies the url of the menu button to navigate to.
The value that configures the url.
Defines the fluent API for configuring the Kendo ToolBar for ASP.NET MVC events.
Fires when the user clicks a command button.
The name of the JavaScript function that will handle the click event.
Fires when the SplitButton's popup closes.
The name of the JavaScript function that will handle the close event.
Fires when the Split Button's popup opens.
The name of the JavaScript function that will handle the open event.
Fires when the user changes the checked state of a toggle button.
The name of the JavaScript function that will handle the toggle event.
Fires when the overflow popup container is about to close.
The name of the JavaScript function that will handle the overflowClose event.
Fires when the overflow popup container is about to open.
The name of the JavaScript function that will handle the overflowOpen event.
Initializes a new instance of the class.
The ToolBar component.
Builds the ToolBar markup.
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().ContextMenu()
.Name("ContextMenu")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.Events(events =>
events.Open("onOpen").OnClose("onClose")
)
%>
Specifies ContextMenu opening direction.
The desired direction.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.Direction(ContextMenuDirection.Left)
%>
Specifies ContextMenu opening direction.
The desired direction.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.Direction("top")
%>
Specifies ContextMenu target to bind to.
The desired target.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.Target("#target")
%>
Specifies ContextMenu filter selector - would filter elements inside the target to bind to.
The desired filter.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.Filter(".item")
%>
Specifies ContextMenu triggering event.
The desired event.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.ShowOn("click")
%>
Sets the menu orientation.
The desired orientation.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.Orientation(ContextMenuOrientation.Vertical)
%>
Enables or disables the "open-on-click" feature.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.OpenOnClick(true)
%>
Specifies that sub menus should close after item selection (provided they won't navigate).
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.CloseOnClick(false)
%>
Specifies that context menu would align to its anchor (target or filter).
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.AlignToAnchor(false)
%>
Specifies the delay in ms before the menu is opened/closed - used to avoid accidental closure on leaving.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.HoverDelay(300)
%>
Binds the menu to a sitemap
The view data key.
The action to configure the item.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.BindTo("examples", (item, siteMapNode) =>
{
})
%>
Binds the menu to a sitemap.
The view data key.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.BindTo(Model, mapping => mapping
.For<Customer>(binding => binding
.Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property
.ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to ContextMenuItem properties
)
.For<Order<(binding => binding
.Children(o => null) // "Orders" do not have child objects so return "null"
.ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to ContextMenuItem properties
)
)
%>
Callback for each item.
Action, which will be executed for each item.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.ItemAction(item =>
{
item
.Text(...)
.HtmlAttributes(...);
})
%>
Select item depending on the current URL.
If true the item will be highlighted.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.HighlightPath(true)
%>
Enable/disable security trimming functionality of the component.
If true security trimming is enabled.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.SecurityTrimming(false)
%>
Defines the security trimming functionality of the component
The securityTrimming action.
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.SecurityTrimming(builder =>
{
builder.Enabled(true).HideParent(true);
})
%>
Defines the fluent API for adding items to Kendo ContextMenu for ASP.NET MVC
Represents an item from Kendo ContextMenu 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().ContextMenu()
.Name("ContextMenu")
.Items(items =>
{
items.Add().Text("First Item").Items(firstItemChildren =>
{
firstItemChildren.Add().Text("Child Item 1");
firstItemChildren.Add().Text("Child Item 2");
});
})
%>
Renders a separator item
<%= Html.Kendo().ContextMenu()
.Name("ContextMenu")
.Items(items =>
{
items.Add().Separator(true);
})
%>
Defines the fluent interface for configuring the ContextMenu events.
Defines the inline handler of the Open client-side event
The handler code wrapped in a text tag (Razor syntax).
<% Html.Kendo().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.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().ContextMenu()
.Name("ContextMenu")
.Events(events => events.Select("onSelect"))
%>
Defines the fluent API for configuring the Kendo TreeMap for ASP.NET MVC.
Initializes a new instance of the class.
The component.
If set to false the widget 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 theme of the TreeMap.
The value that configures the theme.
The data item field which contains the tile value.
The value that configures the valuefield.
The data item field which contains the tile color.
The value that configures the colorfield.
The data item field which contains the tile title.
The value that configures the textfield.
The template which renders the treeMap tile content.The fields which can be used in the template are:
The value that configures the template.
The template which renders the treeMap tile content.The fields which can be used in the template are:
The value that configures the template.
The default colors for the TreeMap items (tiles). Can be set to array of specific colors or array of color ranges. For more information on the widget behavior, see the Colors section on the TreeMap Overview page.
The value that configures the colors.
The layout type for the Treemap.
The value that configures the type.
Configure the DataSource of the component
The action that configures the .
<%= Html.Kendo().TreeMap()
.Name("treeMap")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("_PopulationUS", "TreeMap")
)
)
%>
Configures the client-side events.
The client events action.
<%= Html.Kendo().TreeMap()
.Name("TreeMap")
.Events(events => events
.DataBound("onDataBound")
)
%>
The default colors for the treemap tiles. When all colors are used, new colors are pulled from the start again.
The add action.
Defines the fluent API for configuring the Kendo TreeMap for ASP.NET MVC events.
Fired when a tile has been created.
The name of the JavaScript function that will handle the itemCreated event.
Fired when the widget is bound to data from its dataSource.
The name of the JavaScript function that will handle the dataBound event.
Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionSettings settings.
Defines the connection selection handles configuration.
The action that configures the handles.
Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionHandlesSettings settings.
Defines the handles fill options.
The action that configures the fill.
Defines the handles stroke options.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionHandlesFillSettings settings.
Defines the handles fill color.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionHandlesStrokeSettings settings.
Defines the handles stroke color.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionSelectionSettings settings.
Defines the connection selection handles configuration.
The action that configures the handles.
Defines the fluent API for configuring the DiagramConnectionSelectionHandlesSettings settings.
Defines the handles fill options.
The action that configures the fill.
Defines the handles stroke options.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramConnectionSelectionHandlesFillSettings settings.
Defines the handles fill color.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionSelectionHandlesStrokeSettings settings.
Defines the handles stroke color.
The value that configures the color.
Defines the fluent API for configuring the DiagramEditableResizeHandlesFillSettings settings.
Specifies the fill color of the resizing handles. See the editable.resize configuration for an example.
The value that configures the color.
Specifies the fill opacity of the resizing handles. See the editable.resize configuration for an example.
The value that configures the opacity.
Defines the fluent API for configuring the DiagramEditableResizeHandlesHoverFillSettings settings.
Specifies the fill color on hovering over the resizing handles. See the editable.resize configuration for an example.
The value that configures the color.
Specifies the fill opacity on hovering over the resizing handles. See the editable.resize configuration for an example.
The value that configures the opacity.
Defines the fluent API for configuring the DiagramSelectableSettings settings.
Defines the selection stroke configuration.
The action that configures the stroke.
The selectable key.
The value that configures the key.
Defines the fluent API for configuring the DiagramSelectableStrokeSettings settings.
Defines the selection stroke color.
The value that configures the color.
Defines the selection dash type.
The value that configures the dashtype.
Defines the selection stroke width.
The value that configures the width.
Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettings settings.
Specifies whether the connectors should appear on hover.
The value that configures the connect.
Specifies if the shapes can be dragged.
The value that configures the drag.
Specifies if the shapes can be removed.
The value that configures the remove.
Specifies the the toolbar tools. Predefined tools are:
The action that configures the tools.
Defines the fluent API for configuring the DiagramShapeDefaultsFillSettings settings.
Defines the fill color of the shape.
The value that configures the color.
Defines the fill opacity of the shape.
The value that configures the opacity.
Defines the gradient fill of the shape.
The action that configures the gradient.
Defines the fluent API for configuring the DiagramShapeDefaultsHoverFillSettings settings.
Hover's fill color.
The value that configures the color.
Hover's fill opacity.
The value that configures the opacity.
Defines the fluent API for configuring the DiagramShapeEditableSettings settings.
Specifies whether the connectors should appear on hover.
The value that configures the connect.
Specifies the the toolbar tools. Predefined tools are:
The action that configures the tools.
Defines the fluent API for configuring the DiagramShapeFillSettings settings.
Defines the fill color of the shape.
The value that configures the color.
Defines the fill opacity of the shape.
The value that configures the opacity.
Defines the gradient fill of the shape.
The action that configures the gradient.
Defines the fluent API for configuring the DiagramShapeHoverFillSettings settings.
Hover's fill color.
The value that configures the color.
Hover's fill opacity.
The value that configures the opacity.
Defines the fluent API for configuring the TreeViewMessagesSettings settings.
The text message shown while the root level items are loading.
The value that configures the loading.
The text message shown when an error occurs while fetching the content.
The value that configures the requestfailed.
The text message shown in the retry button.
The value that configures the retry.
Defines the fluent API for configuring the ColorPickerMessagesSettings settings.
Allows customization of the "Apply" button text.
The value that configures the apply.
Allows customization of the "Cancel" button text.
The value that configures the cancel.
Defines the fluent API for configuring the GanttEditableSettings settings.
If set to true the Gantt will display a confirmation dialog when the user deletes a task or a dependency.
The value that configures the confirmation.
The template which renders the editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the Gantt will know
which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields.
The value that configures the template.
The template which renders the editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the Gantt will know
which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields.
The value that configures the template.
Defines the fluent API for configuring the EditorSerializationSettings settings.
Define custom serialization for the editable content. The method accepts a single parameter as a string and is expected to return a string.
The value that configures the custom.
Indicates whether the characters outside the ASCII range will be encoded as HTML entities. By default, they are encoded.
The value that configures the entities.
Indicates whether inline scripts will be serialized and posted to the server.
The value that configures the scripts.
Indicates whether the font styles will be saved as semantic (strong / em / span) tags,
or as presentational (b / i / u / font) tags. Used for outputting content for legacy systems.
The value that configures the semantic.
Defines the fluent API for configuring the Kendo TreeList for ASP.NET MVC.
Initializes a new instance of the class.
The component.
If set to false the widget 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 configuration of the treelist columns. An array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as the
field to which the column is bound. The treelist will create a column for every item of the array.
The action that configures the columns.
If set to true allows users to resize columns by dragging their header borders. By default resizing is disabled.
The value that configures the resizable.
If set to true the user could reorder the columns by dragging their header cells. By default reordering is disabled.
The value that configures the reorderable.
If set to true the treelist will display the column menu when the user clicks the chevron icon in the column headers. The column menu allows the user to show and hide columns, filter and sort (if filtering and sorting are enabled).
By default the column menu is not enabled.Can be set to a JavaScript object which represents the column menu configuration.
If set to true the treelist will display the column menu when the user clicks the chevron icon in the column headers. The column menu allows the user to show and hide columns, filter and sort (if filtering and sorting are enabled).
By default the column menu is not enabled.Can be set to a JavaScript object which represents the column menu configuration.
Enables or disables the columnmenu option.
If set to true the treelist will display the column menu when the user clicks the chevron icon in the column headers. The column menu allows the user to show and hide columns, filter and sort (if filtering and sorting are enabled).
By default the column menu is not enabled.Can be set to a JavaScript object which represents the column menu configuration.
The action that configures the columnmenu.
If set to true the user would be able to edit the data to which the treelist is bound. By default editing is disabled.Can be set to a string ("inline" or "popup") to specify the editing mode. The default editing mode is "inline".Can be set to a JavaScript object which represents the editing configuration.
If set to true the user would be able to edit the data to which the treelist is bound. By default editing is disabled.Can be set to a string ("inline" or "popup") to specify the editing mode. The default editing mode is "inline".Can be set to a JavaScript object which represents the editing configuration.
Enables or disables the editable option.
If set to true the user would be able to edit the data to which the treelist is bound. By default editing is disabled.Can be set to a string ("inline" or "popup") to specify the editing mode. The default editing mode is "inline".Can be set to a JavaScript object which represents the editing configuration.
The action that configures the editable.
Configures the Kendo UI TreeList Excel export settings.
The action that configures the excel.
If set to true the user can filter the data source using the treelist filter menu. Filtering is disabled by default.Can be set to a JavaScript object which represents the filter menu configuration.
If set to true the user can filter the data source using the treelist filter menu. Filtering is disabled by default.Can be set to a JavaScript object which represents the filter menu configuration.
Enables or disables the filterable option.
If set to true the user can filter the data source using the treelist filter menu. Filtering is disabled by default.Can be set to a JavaScript object which represents the filter menu configuration.
The action that configures the filterable.
The height of the treelist. Numeric values are treated as pixels.
The value that configures the height.
Defines the text of the command buttons that are shown within the TreeList. Used primarily for localization.
The action that configures the messages.
Configures the Kendo UI TreeList PDF export settings.
The action that configures the pdf.
If set to true the TreeList will display a scrollbar when the total row height (or width) exceeds the TreeList height (or width). By default scrolling is enabled.Scrolling renders separate tables for the header and data area. For accessibility-conscious applications, disable scrolling.
The value that configures the scrollable.
If set to true the user would be able to select treelist rows. By default selection is disabled.Can also be set to the following string values:
The value that configures the selectable.
If set to true the user could sort the treelist by clicking the column header cells. By default sorting is disabled.Can be set to a JavaScript object which represents the sorting configuration.
If set to true the user could sort the treelist by clicking the column header cells. By default sorting is disabled.Can be set to a JavaScript object which represents the sorting configuration.
Enables or disables the sortable option.
If set to true the user could sort the treelist by clicking the column header cells. By default sorting is disabled.Can be set to a JavaScript object which represents the sorting configuration.
The action that configures the sortable.
If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole treelist Toolbar,
and the string value will be passed as an argument to a kendo.template() function.If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the treelist Toolbar contents.If an Array value is assigned, it will be treated as the list of commands displayed in the treelist Toolbar. Commands can be custom or built-in ("create", "excel", "pdf").
The action that configures the toolbar.
Configure the DataSource of the component
The action that configures the .
<%= Html.Kendo().TreeMap()
.Name("treeMap")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("_PopulationUS", "TreeMap")
)
)
%>
Binds the grid to a list of objects
The data source.
Configures the client-side events.
The client events action.
<%= Html.Kendo().TreeList()
.Name("TreeList")
.Events(events => events
.DataBinding("onDataBinding")
)
%>
Defines the fluent API for configuring the TreeListEditableSettings settings.
The editing mode to use. The supported editing modes are "inline" and "popup".
The value that configures the mode.
Enables drag&drop UI of rows between parents.
The value that configures the move.
The template which renders the popup editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the treelist will know
which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields.
The value that configures the template.
The template which renders the popup editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the treelist will know
which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields.
The value that configures the template.
The EditorTemplate which to be rendered as editor.
The name of the EditorTemplate
Defines the fluent API for configuring the TreeListFilterableSettings settings.
Configures Filter menu messages.
If set to true the filter menu allows the user to input a second criteria.
The value that configures the extra.
Defines the fluent API for configuring the TreeListSortableSettings settings.
If set to true the user can get the treelist in its unsorted state by clicking the sorted column header.
The value that configures the allowunsort.
The sorting mode. If set to "single" the user can sort by one column. If set to "multiple" the user can sort by multiple columns.
The value that configures the mode.
Defines the fluent API for configuring the Kendo TreeList for ASP.NET MVC events.
Fired when the user clicks the "cancel" button (in inline or popup editing mode) or closes the popup window.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the cancel event.
Fired when the user selects a table row or cell in the treelist.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the change event.
Fired when an item is about to be collapsed.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the collapse event.
Fired before the widget binds to its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the dataBinding event.
Fired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the dataBound event.
Fired when the user attempts to drag an item. If prevented, the item is not allowed to move.The event handler function context (available via the this keyword) will be set to the widget instance.Available in builds 2015.3.1014 and later.
The name of the JavaScript function that will handle the dragstart event.
Fired while the user drags and item. This event is triggered on every mouse move.The event handler function context (available via the this keyword) will be set to the widget instance.Available in builds 2015.3.1014 and later.
The name of the JavaScript function that will handle the drag event.
Fired when the user has finished dragging an item and the model has been updated.The event handler function context (available via the this keyword) will be set to the widget instance.Available in builds 2015.3.1014 and later.
The name of the JavaScript function that will handle the dragend event.
Fired when the user drops an item. If prevented, the source row will not be moved.The event handler function context (available via the this keyword) will be set to the widget instance.Available in builds 2015.3.1014 and later.
The name of the JavaScript function that will handle the drop event.
Fired when the user edits or creates a data item.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the edit event.
Fired when the user clicks the "Export to Excel" toolbar button.
The name of the JavaScript function that will handle the excelExport event.
Fired when an item is about to be expanded.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the expand event.
Fired when the treelist filter menu is initialized.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the filterMenuInit event.
Fired when the user clicks the "Export to PDF" toolbar button.
The name of the JavaScript function that will handle the pdfExport event.
Fired when the user clicks the "destroy" command button.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the remove event.
Fired when a data item is saved.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the save event.
Fired when the user shows a column.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnShow event.
Fired when the user hides a column.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnHide event.
Fired when the user changes the order of a column.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnReorder event.
Fired when the user resizes a column.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnResize event.
Fired when the column menu is initialized.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnMenuInit event.
Fired when the user lock a column.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnLock event.
Fired when the user unlock a column.The event handler function context (available via the this keyword) will be set to the widget instance.
The name of the JavaScript function that will handle the columnUnlock event.
Initializes a new instance of the class.
The TreeList component.
Builds the TreeList markup.
Defines the fluent API for configuring the TreeListColumn settings.
HTML attributes of the table cell (<td>) rendered for the column.
The value that configures the htmlattributes.
HTML attributes of the table cell (<td>) rendered for the column.
The value that configures the htmlattributes.
The configuration of the column command(s). If set the column would display a button for every command. Commands can be custom or built-in ("edit", "createChild" or "destroy"):Custom commands are supported by specifying the click option.
The action that configures the command.
Provides a way to specify a custom editing UI for the column. Use the container parameter to create the editing UI.
The value that configures the editor.
If set to true the column value will be HTML-encoded before it is displayed. If set to false the column value will be displayed as is. By default the column value is HTML-encoded.
The value that configures the encoded.
If set to true the column will show the icons that are used for expanding and collapsing child rows. By default, the first column of the TreeList is expandable.
The value that configures the expandable.
The field to which the column is bound. The value of this field is displayed by the column during data binding.
The field name should be a valid Javascript identifier and should contain no spaces, no special characters, and the first character should be a letter.
The expression that specifies the field, based on the bound model.
The field to which the column is bound. The value of this field is displayed by the column during data binding.
The field name should be a valid Javascript identifier and should contain no spaces, no special characters, and the first character should be a letter.
The value that configures the field.
If set to true a filter menu will be displayed for this column when filtering is enabled. If set to false the filter menu will not be displayed. By default a filter menu is displayed
for all columns when filtering is enabled via the filterable option.Can be set to a JavaScript object which represents the filter menu configuration.
Enables or disables the filterable option.
If set to true a filter menu will be displayed for this column when filtering is enabled. If set to false the filter menu will not be displayed. By default a filter menu is displayed
for all columns when filtering is enabled via the filterable option.Can be set to a JavaScript object which represents the filter menu configuration.
The action that configures the filterable.
The template which renders the footer table cell for the column.The fields which can be used in the template are:
The value that configures the footertemplate.
The template which renders the footer table cell for the column.The fields which can be used in the template are:
The value that configures the footertemplate.
The format that is applied to the value before it is displayed. Takes the form "{0:format}" where "format" is a standard number format,
custom number format, standard date format or a custom date format.
The value that configures the format.
HTML attributes of the table header cell (<th>) rendered for the column.
The value that configures the headerattributes.
HTML attributes of the table header cell (<th>) rendered for the column.
The value that configures the headerattributes.
The template which renders the column header content. By default the value of the title column option
is displayed in the column header cell.
The value that configures the headertemplate.
The template which renders the column header content. By default the value of the title column option
is displayed in the column header cell.
The value that configures the headertemplate.
The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting,
so the two should not be used at the same time.
The value that configures the minscreenwidth.
If set to true the user can click the column header and sort the treelist by the column field when sorting is enabled. If set to false sorting will
be disabled for this column. By default all columns are sortable if sorting is enabled via the sortable option.
Enables or disables the sortable option.
If set to true the user can click the column header and sort the treelist by the column field when sorting is enabled. If set to false sorting will
be disabled for this column. By default all columns are sortable if sorting is enabled via the sortable option.
The action that configures the sortable.
The template which renders the column content. The treelist renders table rows (<tr>) which represent the data source items.
Each table row consists of table cells (<td>) which represent the treelist columns. By default the HTML-encoded value of the field is displayed in the column.
The value that configures the template.
The template which renders the column content. The treelist renders table rows (<tr>) which represent the data source items.
Each table row consists of table cells (<td>) which represent the treelist columns. By default the HTML-encoded value of the field is displayed in the column.
The value that configures the template.
The text that is displayed in the column header cell. If not set the field is used.
The value that configures the title.
The width of the column. Numeric values are treated as pixels. For more important information, please refer to Column Widths.
The value that configures the width.
If set to true the column will not be displayed in the treelist. By default all columns are displayed.
The value that configures the hidden.
If set to true the column will be visible in the grid column menu. By default the column menu includes all data-bound columns (ones that have their field set).
The value that configures the menu.
If set to true the column will be displayed as locked in the treelist. Also see Frozen Columns.
The value that configures the locked.
If set to false the column will remain in the side of the treelist into which its own locked configuration placed it.
The value that configures the lockable.
The width of the column. Numeric values are treated as pixels. For more important information, please refer to Column Widths.
The value that configures the width.
If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will
be disabled for this column. By default all columns are sortable if sorting is enabled via the sortable option.
If set to true a filter menu will be displayed for this column when filtering is enabled. If set to false the filter menu will not be displayed. By default a filter menu is displayed
for all columns when filtering is enabled via the filterable option. Can be set to a JavaScript object which represents the filter menu configuration.
Defines the fluent API for configuring the TreeListColumnFilterableSettings settings.
The role data attribute of the widget used in the filter menu or a JavaScript function which initializes that widget.
The value that configures the ui action.
The role data attribute of the widget used in the filter menu or a JavaScript function which initializes that widget.
The value that configures the ui action.
Defines the fluent API for configuring the TreeListColumnSortableSettings settings.
A JavaScript function which is used to compare the values - should return -1 if first argument is less than second one, 0 if both are the same or +1 if the first one is greater than second one.
The value that configures the compare.
Defines the fluent API for adding items to Kendo Column for ASP.NET MVC
Adds an item for a custom action.
Adds an item for the edit action.
Adds an item for the createChild action.
Adds an item for the destroy action.
Defines the fluent API for configuring the TreeListColumnCommand settings.
The CSS class applied to the command button.
The value that configures the classname.
The JavaScript function executed when the user clicks the command button. The function receives a jQuery Event as an argument.The function context (available via the this keyword) will be set to the treelist instance.
The value that configures the click action.
The JavaScript function executed when the user clicks the command button. The function receives a jQuery Event as an argument.The function context (available via the this keyword) will be set to the treelist instance.
The value that configures the click action.
The name of the command. The built-in commands are "edit", "createChild" and "destroy". When set to a custom value, it is rendered as a data-command attribute.
The value that configures the name.
The text displayed by the command button. If not set the name option is used as the button text.
The value that configures the text.
Defines the fluent API for configuring the TreeListToolbar settings.
The name of the toolbar command. Either a built-in ("create", "excel", "pdf") or custom. The name is reflected in one of the CSS classes, which is applied to the button - k-grid-name.
This class can be used to get a reference to the button (after TreeList initialization) and attach click handlers.
The value that configures the name.
The text displayed by the command button. If not set the name` option would be used as the button text instead.
The value that configures the text.
Defines the fluent API for adding items to Kendo Gantt for ASP.NET MVC
Defines the fluent API for configuring the GanttToolbar settings.
The name of the toolbar command. Either a built-in ("append" and "pdf") or custom. The name is reflected in one of the CSS classes, which is applied to the button - k-gantt-name.
This class can be used to obtain reference to the button after Gantt initialization and attach click handlers.
The value that configures the name.
The template which renders the command. By default renders a button.
The value that configures the template.
The template which renders the command. By default renders a button.
The value that configures the template.
The text displayed by the command button. If not set the name` option would be used as the button text instead.
The value that configures the text.
Defines the fluent API for configuring the GanttPdfSettings settings.
The author of the PDF document.
The value that configures the author.
A flag indicating whether to produce actual hyperlinks in the exported PDF file.It's also possible to pass a CSS selector as argument. All matching links will be ignored.
The value that configures the avoidlinks.
The creator of the PDF document.
The value that configures the creator.
The date when the PDF document is created. Defaults to new Date().
The value that configures the date.
Specifies the file name of the exported PDF file.
The value that configures the filename.
If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.
The value that configures the forceproxy.
Specifies the keywords of the exported PDF file.
The value that configures the keywords.
Set to true to reverse the paper dimensions if needed such that width is the larger edge.
The value that configures the landscape.
Specifies the margins of the page (numbers or strings with units). Supported
units are "mm", "cm", "in" and "pt" (default).
The action that configures the margin.
Specifies the paper size of the PDF document.
The default "auto" means paper size is determined by content.Supported values:
The value that configures the papersize.
The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally.
Such browsers are IE version 9 and lower and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with set "Content-Disposition" header.
The value that configures the proxyurl.
A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe,
the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>".
The value that configures the proxytarget.
Sets the subject of the PDF file.
The value that configures the subject.
Sets the title of the PDF file.
The value that configures the title.
Defines the fluent API for configuring the GanttPdfMarginSettings settings.
The bottom margin. Numbers are considered as "pt" units.
The value that configures the bottom.
The left margin. Numbers are considered as "pt" units.
The value that configures the left.
The right margin. Numbers are considered as "pt" units.
The value that configures the right.
The top margin. Numbers are considered as "pt" units.
The value that configures the top.
Defines the fluent API for configuring the GanttAssignmentsSettings settings.
The data source which contains assignment data items. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array or an existing kendo.data.DataSource
instance.If the dataSource option is set to a JavaScript object or array the widget will initialize a new kendo.data.DataSource instance using that value as data source configuration.If the dataSource option is an existing kendo.data.DataSource instance the widget will use that instance and will not initialize a new one.
The value that configures the datasource.
The field of the assignment data item which represents the resource id.
The value that configures the dataresourceidfield.
The field of the assignment data item which represents the task id.
The value that configures the datataskidfield.
The field of the assignment data item which represents the amount of the assigned resource.
The value that configures the datavaluefield.
Binds the gantt assignments to a list of objects
The dataSource
Defines the fluent API for configuring the GanttResourcesSettings settings.
The field of the resource data item containing the format of the resource value, which could be assigned to a gantt task.
The data item format value could be any valid kendo format.
The value that configures the dataformatfield.
The field of the resource data item which contains the resource color.
The value that configures the datacolorfield.
The data source which contains resource data items. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array or an existing kendo.data.DataSource
instance.If the dataSource option is set to a JavaScript object or array the widget will initialize a new kendo.data.DataSource instance using that value as data source configuration.If the dataSource option is an existing kendo.data.DataSource instance the widget will use that instance and will not initialize a new one.
The value that configures the datasource.
The field of the resource data item which represents the resource text.
The value that configures the datatextfield.
The field of the gantt task which contains the assigned resource objects.
The value that configures the field.
Binds the gantt resources to a list of objects
The dataSource
Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettings settings.
Specifies if the connections can be dragged.
The value that configures the drag.
Specifies if the connections can be removed.
The value that configures the remove.
Specifies the the toolbar tools. Predefined tools are:
The action that configures the tools.
Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC
Adds an item for a custom action.
Adds an item for the edit action.
Adds an item for the delete action.
Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettingsTool settings.
The name of the tool. The built-in tools are "edit" and "delete".
The value that configures the name.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the buttons of ButtonGroup.
The action that configures the buttons.
Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`.
The value that configures the click.
Specifies whether the control is initially enabled or disabled. Default value is "true".
The value that configures the enable.
Assigns the button to a group. Applicable only for buttons with togglable set to true.
The value that configures the group.
Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies the menu buttons of a SplitButton.
The action that configures the menubuttons.
Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default).
The value that configures the overflow.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies whether the button is primary. Primary buttons receive different styling.
The value that configures the primary.
Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true.
The value that configures the selected.
Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showicon.
Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Sets the text of the button.
The value that configures the text.
Specifies if the button is togglable, e.g. has a selected and unselected state.
The value that configures the togglable.
Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true.
The value that configures the toggle.
Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator".
The value that configures the type.
Specifies the url to navigate to.
The value that configures the url.
Defines the fluent API for configuring the DiagramConnectionEditableSettings settings.
Specifies the the toolbar tools. Predefined tools are:
The action that configures the tools.
Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC
Adds an item for a custom action.
Adds an item for the edit action.
Adds an item for the delete action.
Defines the fluent API for configuring the DiagramConnectionEditableSettingsTool settings.
The name of the tool. The built-in tools are "edit" and "delete".
The value that configures the name.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the buttons of ButtonGroup.
The action that configures the buttons.
Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`.
The value that configures the click.
Specifies whether the control is initially enabled or disabled. Default value is "true".
The value that configures the enable.
Assigns the button to a group. Applicable only for buttons with togglable set to true.
The value that configures the group.
Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies the menu buttons of a SplitButton.
The action that configures the menubuttons.
Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default).
The value that configures the overflow.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies whether the button is primary. Primary buttons receive different styling.
The value that configures the primary.
Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true.
The value that configures the selected.
Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showicon.
Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Sets the text of the button.
The value that configures the text.
Specifies if the button is togglable, e.g. has a selected and unselected state.
The value that configures the togglable.
Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true.
The value that configures the toggle.
Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator".
The value that configures the type.
Specifies the url to navigate to.
The value that configures the url.
Defines the fluent API for configuring the DiagramConnectionFromSettings settings.
Defines the x-coordinate of the connection source.
The value that configures the x.
Defines the y-coordinate of the connection source.
The value that configures the y.
Defines the source shape Id.
The value that configures the source shape id.
Defines the name of the source shape connector.
The value that configures the source shape connector name.
Defines the fluent API for configuring the DiagramConnectionToSettings settings.
Defines the point x value.
The value that configures the x.
Defines the point y value.
The value that configures the y.
Defines the target shape Id.
The value that configures the target shape id.
Defines the name of the target shape connector.
The value that configures the target shape connector name.
Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC
Adds an item for a custom action.
Adds an item for the edit action.
Adds an item for the createShape action.
Adds an item for the createConnection action.
Adds an item for the undo action.
Adds an item for the redo action.
Adds an item for the rotateClockwise action.
Adds an item for the rotateAnticlockwise action.
Defines the fluent API for configuring the DiagramEditableSettingsTool settings.
The name of the tool. The built-in tools are "edit", "createShape", "createConnection", "undo", "redo", "rotateClockwise" and "rotateAnticlockwise".
The value that configures the name.
The step of the rotateClockwise and rotateAnticlockwise tools.
The value that configures the step.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the buttons of ButtonGroup.
The action that configures the buttons.
Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`.
The value that configures the click.
Specifies whether the control is initially enabled or disabled. Default value is "true".
The value that configures the enable.
Assigns the button to a group. Applicable only for buttons with togglable set to true.
The value that configures the group.
Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies the menu buttons of a SplitButton.
The action that configures the menubuttons.
Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default).
The value that configures the overflow.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies whether the button is primary. Primary buttons receive different styling.
The value that configures the primary.
Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true.
The value that configures the selected.
Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showicon.
Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Sets the text of the button.
The value that configures the text.
Specifies if the button is togglable, e.g. has a selected and unselected state.
The value that configures the togglable.
Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true.
The value that configures the toggle.
Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator".
The value that configures the type.
Specifies the url to navigate to.
The value that configures the url.
Defines the fluent API for configuring the DiagramPannableSettings settings.
The pannable key.
The value that configures the key.
Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC
Adds an item for a custom action.
Adds an item for the edit action.
Adds an item for the delete action.
Adds an item for the rotateClockwise action.
Adds an item for the rotateAnticlockwise action.
Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettingsTool settings.
The name of the tool. The built-in tools are "edit", "delete", "rotateClockwise" and "rotateAnticlockwise".
The value that configures the name.
The step of the rotateClockwise and rotateAnticlockwise tools.
The value that configures the step.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the buttons of ButtonGroup.
The action that configures the buttons.
Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`.
The value that configures the click.
Specifies whether the control is initially enabled or disabled. Default value is "true".
The value that configures the enable.
Assigns the button to a group. Applicable only for buttons with togglable set to true.
The value that configures the group.
Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies the menu buttons of a SplitButton.
The action that configures the menubuttons.
Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default).
The value that configures the overflow.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies whether the button is primary. Primary buttons receive different styling.
The value that configures the primary.
Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true.
The value that configures the selected.
Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showicon.
Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Sets the text of the button.
The value that configures the text.
Specifies if the button is togglable, e.g. has a selected and unselected state.
The value that configures the togglable.
Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true.
The value that configures the toggle.
Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator".
The value that configures the type.
Specifies the url to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC
Adds an item for a custom action.
Adds an item for the edit action.
Adds an item for the delete action.
Adds an item for the rotateClockwise action.
Adds an item for the rotateAnticlockwise action.
Defines the fluent API for configuring the DiagramShapeEditableSettingsTool settings.
The name of the tool. The built-in tools are "edit", "delete", "rotateClockwise" and "rotateAnticlockwise".
The value that configures the name.
The step of the rotateClockwise and rotateAnticlockwise tools.
The value that configures the step.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a button.
The value that configures the htmlattributes.
Specifies the buttons of ButtonGroup.
The action that configures the buttons.
Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`.
The value that configures the click.
Specifies whether the control is initially enabled or disabled. Default value is "true".
The value that configures the enable.
Assigns the button to a group. Applicable only for buttons with togglable set to true.
The value that configures the group.
Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies the menu buttons of a SplitButton.
The action that configures the menubuttons.
Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default).
The value that configures the overflow.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies what element will be added in the command overflow popup. Applicable only for items that have a template.
The value that configures the overflowtemplate.
Specifies whether the button is primary. Primary buttons receive different styling.
The value that configures the primary.
Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true.
The value that configures the selected.
Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showicon.
Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default).
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
The value that configures the template.
Sets the text of the button.
The value that configures the text.
Specifies if the button is togglable, e.g. has a selected and unselected state.
The value that configures the togglable.
Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true.
The value that configures the toggle.
Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator".
The value that configures the type.
Specifies the url to navigate to.
The value that configures the url.
Defines the fluent API for configuring the DiagramConnectionDefaultsContentSettings settings.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The static text displayed on the connection.
The value that configures the text.
The name of the function that will create the content visual.
The function name.
The function that will create the content visual.
The function.
The color of the connection content text.
The value that configures the color.
The font family of the connection content text.
The value that configures the fontfamily.
The font size of the connection content text.
The value that configures the fontsize.
The font style of the connection content text.
The value that configures the font style.
The font weight of the connection content text.
The value that configures the font weight.
Defines the fluent API for configuring the DiagramConnectionContentSettings settings.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The template which renders the labels.The fields which can be used in the template are:
The value that configures the template.
The text displayed for the connection.
The value that configures the text.
The name of the function that will create the content visual.
The function name.
The function that will create the content visual.
The function.
The color of the connection content text.
The value that configures the color.
The font family of the connection content text.
The value that configures the fontfamily.
The font size of the connection content text.
The value that configures the fontsize.
The font style of the connection content text.
The value that configures the font style.
The font weight of the connection content text.
The value that configures the font weight.
Defines the fluent API for configuring the TreeListExcelSettings settings.
Specifies the file name of the exported Excel file.
The value that configures the filename.
Enables or disables column filtering in the Excel file. Not to be mistaken with the treelist filtering feature.
The value that configures the filterable.
If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.
The value that configures the forceproxy.
The URL of the server-side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally.
Such browsers are IE version 9 and lower and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with the "Content-Disposition" header set to
attachment; filename="<fileName.xslx>".
The value that configures the proxyurl.
Defines the fluent API for configuring the TreeListMessagesSettings settings.
Defines the text for the command buttons used across the widget.
The action that configures the commands.
Defines the text of the "Loading..." message when the widget loads its root-level items.
The value that configures the loading.
Defines the text of "No records to display" message when the widget does not show any items.
The value that configures the norows.
Defines the text of "Request failed." message when the widget fails to load its root-level items.
The value that configures the requestfailed.
Defines the text of "Retry" message assigned to the button that tries to load root-level items again.
The value that configures the retry.
Defines the fluent API for configuring the TreeListMessagesCommandsSettings settings.
Defines the text of the "Cancel" button that discards the changes during editing.
The value that configures the canceledit.
Defines the text of the "Add new record" button that adds new data rows.
The value that configures the create.
Defines the text of the "Add child record" button that adds new child data rows.
The value that configures the createchild.
Defines the text of the "Delete" button that deletes a data row.
The value that configures the destroy.
Defines the text of the "Edit" button that shows the editable fields for the row.
The value that configures the edit.
Defines the text of the "Export to Excel" button that exports the widget data in spreadsheet format.
The value that configures the excel.
Defines the text of the "Export to PDF" button that exports the widget data in PDF format.
The value that configures the pdf.
Defines the text of the "Update" button that applies the changes during editing.
The value that configures the update.
Defines the fluent API for configuring the TreeListPdfSettings settings.
The author of the PDF document.
The value that configures the author.
A flag indicating whether to produce actual hyperlinks in the exported PDF file.It's also possible to pass a CSS selector as argument. All matching links will be ignored.
The value that configures the avoidlinks.
The creator of the PDF document.
The value that configures the creator.
The date when the PDF document is created. Defaults to new Date().
The value that configures the date.
Specifies the file name of the exported PDF file.
The value that configures the filename.
If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.
The value that configures the forceproxy.
Specifies the keywords of the exported PDF file.
The value that configures the keywords.
Set to true to reverse the paper dimensions such that width is the larger edge.
The value that configures the landscape.
Specifies the margins of the page (numbers or strings with units). Supported
units are "mm", "cm", "in" and "pt" (default).
The action that configures the margin.
Specifies the paper size of the PDF document.
The default "auto" means the paper size is determined by the content.Supported values:
The value that configures the papersize.
The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally.
Such browsers are IE version 9 and lower, and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with the "Content-Disposition" header set to
attachment; filename="<fileName.pdf>".
The value that configures the proxyurl.
A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe,
the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>".
The value that configures the proxytarget.
Sets the subject of the PDF file.
The value that configures the subject.
Sets the title of the PDF file.
The value that configures the title.
Defines the fluent API for configuring the TreeListPdfMarginSettings settings.
The bottom margin. Numbers are considered as "pt" units.
The value that configures the bottom.
The left margin. Numbers are considered as "pt" units.
The value that configures the left.
The right margin. Numbers are considered as "pt" units.
The value that configures the right.
The top margin. Numbers are considered as "pt" units.
The value that configures the top.
Defines the fluent API for configuring the GanttMessagesEditorSettings settings.
The text similar to "Assign" displayed in Gantt task editor.
The value that configures the assignbutton.
The text similar to "Task" displayed in Gantt task editor.
The value that configures the editortitle.
The text similar to "End" displayed in Gantt task editor.
The value that configures the end.
The text similar to "Complete" displayed in Gantt task editor.
The value that configures the percentcomplete.
The text similar to "Resources" displayed in Gantt task editor.
The value that configures the resources.
The text similar to "Resources" displayed in Gantt task editor.
The value that configures the resourceseditortitle.
The text similar to "Resources" displayed in Gantt task editor.
The value that configures the resourcesheader.
The text similar to "Start" displayed in Gantt task editor.
The value that configures the start.
The text similar to "Title" displayed in Gantt task editor.
The value that configures the title.
The text similar to "Units" displayed in Gantt task editor.
The value that configures the unitsheader.
Defines the fluent API for configuring the GanttCurrentTimeMarkerSettings settings.
The update interval of the "current time" marker, in milliseconds.
The value that configures the updateinterval.
Defines the fluent API for configuring the DiagramEditableRotateSettings settings.
Specifies the fill settings of the rotation thumb.
The action that configures the fill.
Specifies the stroke settings of the rotation thumb.
The action that configures the stroke.
Defines the fluent API for configuring the DiagramEditableRotateFillSettings settings.
Specifies the fill color of the rotation thumb.
The value that configures the color.
Specifies the fill opacity of the rotation thumb.
The value that configures the opacity.
Defines the fluent API for configuring the DiagramEditableRotateStrokeSettings settings.
Specifies the stroke color of the rotation thumb.
The value that configures the color.
Specifies the stroke thickness of the rotation thumb.
The value that configures the width.
Defines the fluent API for configuring the GanttTooltipSettings settings.
The template which renders the tooltip.The fields which can be used in the template are:
The value that configures the template.
The template which renders the tooltip.The fields which can be used in the template are:
The value that configures the template.
If set to false the gantt will not display the task tooltip. By default the task tooltip is displayed.
The value that configures the visible.
Defines the fluent API for configuring the TreeListColumnMenuSettings settings.
If set to true the column menu would allow the user to select (show and hide) treelist columns. By default the column menu allows column selection.
The value that configures the columns.
If set to true the column menu would allow the user to filter the treelist. By default the column menu allows the user to filter if filtering is enabled via the filterable.
The value that configures the filterable.
If set to true the column menu would allow the user to sort the treelist by the column field. By default the column menu allows the user to sort if sorting is enabled via the sortable option.
The value that configures the sortable.
The text messages displayed in the column menu. Use it to customize or localize the column menu messages.
The action that configures the messages.
Defines the fluent API for configuring the TreeListColumnMenuMessagesSettings settings.
The text message displayed for the column selection menu item.
The value that configures the columns.
The text message displayed for the filter menu item.
The value that configures the filter.
The text message displayed for the menu item which performs ascending sort.
The value that configures the sortascending.
The text message displayed for the menu item which performs descending sort.
The value that configures the sortdescending.
Defines the fluent API for configuring the EditorResizableSettings settings.
If enabled, the editor renders a resize handle to allow users to resize it.
The value that configures the content.
The minimum height that the editor can be resized to.
The value that configures the min.
The maximum height that the editor can be resized to.
The value that configures the max.
If resizable is set to true the widget will detect changes in the viewport width and will hide the overflowing controls in the tool overflow popup.
The value that configures the toolbar.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettingsToolButton settings.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the click.
Specifies whether the button is initially enabled or disabled.
The value that configures the enable.
Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the group.
Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the selected.
Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.
The value that configures the showicon.
Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the toggle.
Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.
The value that configures the togglable.
Specifies the text of the menu button.
The value that configures the text.
Specifies the url of the button to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettingsToolMenuButton settings.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies whether the menu button is initially enabled or disabled.
The value that configures the enable.
Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the menu buttons.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the menu button.
The value that configures the imageurl.
Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon.
The value that configures the spritecssclass.
Specifies the text of the menu buttons.
The value that configures the text.
Specifies the url of the menu button to navigate to.
The value that configures the url.
Defines the fluent API for configuring the DiagramConnectionDefaultsEndCapSettings settings.
The connection end cap fill options or color.
The action that configures the fill.
The connection end cap stroke options or color.
The action that configures the stroke.
The connection end cap type.The supported values are:
The value that configures the type.
Defines the fluent API for configuring the DiagramConnectionDefaultsEndCapFillSettings settings.
The connection end cap fill color.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionDefaultsEndCapStrokeSettings settings.
The connection end cap stroke color.
The value that configures the color.
The connection end cap stroke dash type.
The value that configures the dashtype.
The connection end cap stroke width.
The value that configures the width.
Defines the fluent API for configuring the DiagramConnectionDefaultsStartCapSettings settings.
The connection start cap fill options or color.
The action that configures the fill.
The connection start cap stroke options or color.
The action that configures the stroke.
The connection start cap type.The supported values are:
The value that configures the type.
Defines the fluent API for configuring the DiagramConnectionDefaultsStartCapFillSettings settings.
The connection start cap fill color.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionDefaultsStartCapStrokeSettings settings.
The connection start cap stroke color.
The value that configures the color.
The connection start cap stroke dash type.
The value that configures the dashtype.
The connection start cap stroke width.
The value that configures the width.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramConnectionEditableSettingsToolButton settings.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the click.
Specifies whether the button is initially enabled or disabled.
The value that configures the enable.
Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the group.
Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the selected.
Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.
The value that configures the showicon.
Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the toggle.
Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.
The value that configures the togglable.
Specifies the text of the menu button.
The value that configures the text.
Specifies the url of the button to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramConnectionEditableSettingsToolMenuButton settings.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies whether the menu button is initially enabled or disabled.
The value that configures the enable.
Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the menu buttons.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the menu button.
The value that configures the imageurl.
Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon.
The value that configures the spritecssclass.
Specifies the text of the menu buttons.
The value that configures the text.
Specifies the url of the menu button to navigate to.
The value that configures the url.
Defines the fluent API for configuring the DiagramConnectionEndCapSettings settings.
The connection end cap fill options or color.
The action that configures the fill.
The connection end cap stroke options or color.
The action that configures the stroke.
The connection end cap type.The supported values are:Note that you can also use the "ArrowStart" for the endCap but its direction will be inversed.
The value that configures the type.
Defines the fluent API for configuring the DiagramConnectionEndCapFillSettings settings.
The connection end cap fill color.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionEndCapStrokeSettings settings.
The connection end cap stroke color.
The value that configures the color.
The connection end cap stroke dash type.
The value that configures the dashtype.
The connection end cap stroke width.
The value that configures the width.
Defines the fluent API for configuring the DiagramConnectionStartCapSettings settings.
The connection start cap fill options or color.
The action that configures the fill.
The connection start cap stroke options or color.
The action that configures the stroke.
The connection start cap type.The supported values are:
The value that configures the type.
Defines the fluent API for configuring the DiagramConnectionStartCapFillSettings settings.
The connection start cap fill color.
The value that configures the color.
Defines the fluent API for configuring the DiagramConnectionStartCapStrokeSettings settings.
The connection start cap stroke color.
The value that configures the color.
The connection start cap stroke dash type.
The value that configures the dashtype.
The connection start cap stroke width.
The value that configures the width.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramEditableSettingsToolButton settings.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the click.
Specifies whether the button is initially enabled or disabled.
The value that configures the enable.
Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the group.
Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the selected.
Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.
The value that configures the showicon.
Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the toggle.
Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.
The value that configures the togglable.
Specifies the text of the menu button.
The value that configures the text.
Specifies the url of the button to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramEditableSettingsToolMenuButton settings.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies whether the menu button is initially enabled or disabled.
The value that configures the enable.
Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the menu buttons.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the menu button.
The value that configures the imageurl.
Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon.
The value that configures the spritecssclass.
Specifies the text of the menu buttons.
The value that configures the text.
Specifies the url of the menu button to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettingsToolButton settings.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the click.
Specifies whether the button is initially enabled or disabled.
The value that configures the enable.
Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the group.
Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the selected.
Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.
The value that configures the showicon.
Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the toggle.
Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.
The value that configures the togglable.
Specifies the text of the menu button.
The value that configures the text.
Specifies the url of the button to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettingsToolMenuButton settings.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies whether the menu button is initially enabled or disabled.
The value that configures the enable.
Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the menu buttons.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the menu button.
The value that configures the imageurl.
Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon.
The value that configures the spritecssclass.
Specifies the text of the menu buttons.
The value that configures the text.
Specifies the url of the menu button to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramShapeEditableSettingsToolButton settings.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a ButtonGroup's button.
The value that configures the htmlattributes.
Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the click.
Specifies whether the button is initially enabled or disabled.
The value that configures the enable.
Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the group.
Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the button.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the button.
The value that configures the imageurl.
Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true.
The value that configures the selected.
Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup.
The value that configures the showicon.
Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup.
The value that configures the showtext.
Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
The value that configures the spritecssclass.
Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup.
The value that configures the toggle.
Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup.
The value that configures the togglable.
Specifies the text of the menu button.
The value that configures the text.
Specifies the url of the button to navigate to.
The value that configures the url.
Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the DiagramShapeEditableSettingsToolMenuButton settings.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies the HTML attributes of a menu button.
The value that configures the htmlattributes.
Specifies whether the menu button is initially enabled or disabled.
The value that configures the enable.
Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite.
The value that configures the icon.
Specifies the ID of the menu buttons.
The value that configures the id.
If set, the ToolBar will render an image with the specified URL in the menu button.
The value that configures the imageurl.
Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon.
The value that configures the spritecssclass.
Specifies the text of the menu buttons.
The value that configures the text.
Specifies the url of the menu button to navigate to.
The value that configures the url.
Defines the fluent API for configuring the Kendo ResponsivePanel for ASP.NET MVC.
Initializes a new instance of the class.
The component.
Sets the HTML content which the panel will hide.
The action which renders the content.
<% Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Content(() =>
{
%>
<strong>Panel content</strong>
<%
})
%>
Sets the HTML content which the panel will hide
The Razor inline template
@(Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Content(@<strong> Hello World!</strong>))
Sets the HTML content which the panel will hide as a string.
The action which renders the content.
<%= Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Content("<strong> First Item Content</strong>")
%>
If set to false the widget will not close when the page content is touched, after it was opened on a mobile device. You will need to call the close method when the panel needs to close.
The value that configures the autoclose.
Specifies the page width at which the widget will be hidden and its toggle button will become visible.
The value that configures the breakpoint.
Specifies the direction from which the hidden element will open up, once the toggle button has been activated. Valid values are "left", "right", and "top".
The value that configures the orientation.
Specifies the selector for the toggle button that will show and hide the responsive panel.
The value that configures the togglebutton.
Configures the client-side events.
The client events action.
<%= Html.Kendo().ResponsivePanel()
.Name("ResponsivePanel")
.Events(events => events
.Close("onClose")
)
%>
Defines the fluent API for configuring the Kendo ResponsivePanel for ASP.NET MVC events.
Triggered before the responsive panel is closed. Cancellable.
The name of the JavaScript function that will handle the close event.
Triggered before the responsive panel is opened. Cancellable.
The name of the JavaScript function that will handle the open event.
Initializes a new instance of the class.
The ResponsivePanel component.
Builds the ResponsivePanel markup.
Defines the fluent API for configuring the DiagramEditableDragSettings settings.
Specifies the shapes drag snap options.
Enables or disables the snap option.
Specifies the shapes drag snap options.
The action that configures the snap.
Defines the fluent API for configuring the DiagramEditableDragSnapSettings settings.
Specifies the shapes drag snap size.
The value that configures the size.
Defines the fluent API for configuring the Kendo Spreadsheet for ASP.NET MVC.
Initializes a new instance of the class.
The component.
The name of the currently active sheet.Must match one of the (sheet names)[#configuration-sheets.name] exactly.
The value that configures the activesheet.
The default column width in pixels.
The value that configures the columnwidth.
The number of columns in the document.
The value that configures the columns.
The height of the header row in pixels.
The value that configures the headerheight.
The width of the header column in pixels.
The value that configures the headerwidth.
Configures the Kendo UI Spreadsheet Excel export settings.
The action that configures the excel.
Configures the Kendo UI Spreadsheet PDF export settings.
The action that configures the pdf.
The default row height in pixels.
The value that configures the rowheight.
The number of rows in the document.
The value that configures the rows.
A boolean value indicating if the sheetsbar should be displayed.
The value that configures the sheetsbar.
A boolean value indicating if the toolbar should be displayed.
Enables or disables the toolbar option.
A boolean value indicating if the toolbar should be displayed.
The action that configures the toolbar.
An array defining the document sheets and their content.
The action that configures the sheets.
Configures the client-side events.
The client events action.
<%= Html.Kendo().Spreadsheet()
.Name("Spreadsheet")
.Events(events => events
.Render("onRender")
)
%>
Defines the fluent API for adding items to Kendo Spreadsheet for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the SpreadsheetSheet settings.
The active cell in the sheet, e.g. "A1".
The value that configures the activecell.
The name of the sheet.
The value that configures the name.
An array defining the columns in this sheet and their content.
The action that configures the columns.
Defines the filtering criteria for this sheet, if any.
The action that configures the filter.
The number of frozen columns in this sheet.
The value that configures the frozencolumns.
The number of frozen rows in this sheet.
The value that configures the frozenrows.
An array of merged cell ranges, e.g. "B1:D2".
The value that configures the mergedcells.
The row data for this sheet.
The action that configures the rows.
The selected range in the sheet, e.g. "A1:B10".
The value that configures the selection.
A boolean value indicating if the sheet grid lines should be displayed.
The value that configures the showgridlines.
Defines the sort criteria for the sheet.
The action that configures the sort.
Sets the data source configuration of the grid.
The lambda which configures the data source
Defines the fluent API for adding items to Kendo Sheet for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the SpreadsheetSheetColumn settings.
The zero-based index of the column. Required to ensure correct positioning.
The value that configures the index.
The width of the column in pixels. Defaults to columnWidth.
The value that configures the width.
Defines the fluent API for configuring the SpreadsheetSheetFilterSettings settings.
The active range for the filter, e.g. "B1:D8".
The value that configures the ref.
An array defining the filter configuration of individual columns.
The action that configures the columns.
Defines the fluent API for adding items to Kendo Filter for ASP.NET MVC
Adds an item to the collection
Adds an item to the collection
Adds an item to the collection
Adds an item to the collection
Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings.
An array of filter criteria for custom filters.
The action that configures the criteria.
The index of the column relative to the filter range.
The value that configures the index.
The logical operator to apply to filter criteria.Possible values are and, or.
The value that configures the logic.
Defines the fluent API for adding items to Kendo Sheet for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the SpreadsheetSheetRow settings.
The cells for this row.
The action that configures the cells.
The row height in pixels. Defaults to rowHeight.
The value that configures the height.
The absolute row index. Required to ensure correct positioning.
The value that configures the index.
Defines the fluent API for adding items to Kendo Row for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the SpreadsheetSheetRowCell settings.
The background color of the cell.Many standard CSS formats are supported, but the canonical form is "#ccff00".
The value that configures the background.
The font color of the cell.Many standard CSS formats are supported, but the canonical form is "#ccff00".
The value that configures the color.
The font family for the cell.
The value that configures the fontfamily.
The font size of the cell in pixels.
The value that configures the fontsize.
Sets the cell font to italic, if set to true.
The value that configures the italic.
Sets the cell font to bold, if set to true.
The value that configures the bold.
Disables the cell, if set to false.
The value that configures the enable.
The format of the cell text.See Create or delete a custom number format on MS Office.
The value that configures the format.
The cell formula without the leading equals sign, e.g. A1 * 10.
The value that configures the formula.
The zero-based index of the cell. Required to ensure correct positioning.
The value that configures the index.
The hyperlink (URL) of the cell.
The value that configures the link.
Sets the cell font to underline, if set to true.
The value that configures the underline.
The validation rule applied to the cell.
The action that configures the validation.
Will wrap the cell content if set to true.
The value that configures the wrap.
Specifies the text alignment in the cell
The value that configures the textalign.
Specifies the text vertical alignment in the cell
The value that configures the verticalalign.
Configures the value for the cell
The cell value.
Configure bottom border.
The value that configures the border.
Configure top border.
The value that configures the border.
Configure left border.
The value that configures the border.
Configure right border.
The value that configures the border.
Defines the fluent API for configuring the SpreadsheetSheetSortSettings settings.
Specifies the sort options for individual columns.
The action that configures the columns.
The sorted range, e.g. "A1:D5".
The value that configures the ref.
Defines the fluent API for adding items to Kendo Sort for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the SpreadsheetSheetSortSettingsColumn settings.
Indicates if the data in the cell should be sorted ascending (true) or descending or (false).
The value that configures the ascending.
The index of the column within the sheet.For example, column C will have index 2.
The value that configures the index.
Defines the fluent API for configuring the Kendo Spreadsheet for ASP.NET MVC events.
Triggered when a value in the spreadsheet has been changed. Introduced in 2016.Q1.SP1.
The name of the JavaScript function that will handle the change event.
Triggered after the widget has completed rendering.
The name of the JavaScript function that will handle the render event.
Fired when the user clicks the "Export to Excel" toolbar button.
The name of the JavaScript function that will handle the excelExport event.
Fired when the user clicks the "Open" toolbar button.
The name of the JavaScript function that will handle the excelImport event.
Fired when the user initiates PDF export.
The name of the JavaScript function that will handle the pdfExport event.
Defines the fluent API for adding items to Kendo Column for ASP.NET MVC
Adds an item to the collection
Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumnCriteria settings.
The criterion operator type.Supported types vary based on the inferred column data type (inferred):
* Text
* contains - the text contains the value
* doesnotcontain - text does not contain the value
* startswith - text starts with the value
* endswith - text ends with the value
* Date
* eq - date is the same as the value
* neq - date is not the same as the value
* lt - date is before the value
* gt - date is after the value
* Number
* eq - is equal to the value
* neq - is not equal to the value
* gte - is greater than or equal to the value
* gt - is greater than the value
* lte - is less than or equal to the value
* lt - is less than the value
The value that configures the operator.
The value for the criteria operator.
The value that configures the value.
The value for the criteria operator.
The value that configures the value.
The value for the criteria operator.
The value that configures the value.
Defines the fluent API for configuring the SpreadsheetExcelSettings settings.
Specifies the file name of the exported Excel file.
The value that configures the filename.
If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.
The value that configures the forceproxy.
The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally.
Such browsers are IE version 9 and lower and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with the "Content-Disposition" header set to
attachment; filename="<fileName.xslx>".
The value that configures the proxyurl.
Defines the fluent API for configuring the SpreadsheetSheetRowCellValidationSettings settings.
Defines the validation type. The acceptable options are reject or warning
The value that configures the type.
Defines the comparer type used to validate the cell value, e.g. "greaterThan", "between" and etc.
The value that configures the comparertype.
Defines the data type of the cell value.
The value that configures the datatype.
Defines a formula or value used for the comparison process. Used as only if comparer type does not require second argument.
The value that configures the from.
Defines a formula or value used for the comparison process. Will be used if comparer type requies second argument.
The value that configures the to.
Specifies whether to allow nulls.
The value that configures the allownulls.
Defines the hint message that will be displayed if value is invalid.
The value that configures the messagetemplate.
Defines the hint message that will be displayed if value is invalid.
The value that configures the messagetemplate.
Defines the hint title that will be displayed if value is invalid.
The value that configures the titletemplate.
Defines the hint title that will be displayed if value is invalid.
The value that configures the titletemplate.
Defines the fluent API for configuring the SpreadsheetPdfSettings settings.
The area to export. Possible values:
The value that configures the area.
The author of the PDF document.
The value that configures the author.
The creator of the PDF document.
The value that configures the creator.
The date when the PDF document is created. Defaults to new Date().
The value that configures the date.
Specifies the file name of the exported PDF file.
The value that configures the filename.
An option indicating whether to fit the spreadsheet content to page width.
The value that configures the fitwidth.
If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.
The value that configures the forceproxy.
An option indicating whether to export the cell guidelines.
The value that configures the guidelines.
An option indicating whether to center the content horizontally.See also vCenter.
The value that configures the hcenter.
Specifies the keywords of the exported PDF file.
The value that configures the keywords.
Set to true to reverse the paper dimensions if needed such that width is the larger edge.
The value that configures the landscape.
Specifies the margins of the page (numbers or strings with units). Supported
units are "mm", "cm", "in" and "pt" (default).
The action that configures the margin.
Specifies the paper size of the PDF document.
The default "auto" means paper size is determined by content.Supported values:
The value that configures the papersize.
The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally e.g. Internet Explorer 9 and Safari. PDF export is not supported in Internet Explorer 8 and below.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with the "Content-Disposition" header set to
attachment; filename="<fileName.pdf>".
The value that configures the proxyurl.
A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe,
the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>".
The value that configures the proxytarget.
Sets the subject of the PDF file.
The value that configures the subject.
Sets the title of the PDF file.
The value that configures the title.
An option indicating whether to center the content vertically.See also hCenter.
The value that configures the vcenter.
Defines the fluent API for configuring the SpreadsheetPdfMarginSettings settings.
The bottom margin. Numbers are considered as "pt" units.
The value that configures the bottom.
The left margin. Numbers are considered as "pt" units.
The value that configures the left.
The right margin. Numbers are considered as "pt" units.
The value that configures the right.
The top margin. Numbers are considered as "pt" units.
The value that configures the top.
Defines the fluent API for configuring the SpreadsheetToolbarSettings settings.
A boolean value indicating if the "home" tab should be displayed or a collection of tools that will be shown in the "home" tab.The available tools are:Those tools which are part of a tool group are defined as array. For example ["bold", "italic", "underline"]
The value that configures the home.
A boolean value indicating if the "insert" tab should be displayed or a collection of tools that will be shown in the "insert" tab.The available tools are:Those tools which are part of a tool group are defined as array. For example ["deleteColumn", "deleteRow"]
The value that configures the insert.
A boolean value indicating if the "insert" tab should be displayed or a collection of tools that will be shown in the "insert" tab.The available tools are:
The value that configures the data.
Defines the fluent API for configuring the EditorPasteCleanupSettings settings.
All HTML tags are stripped leaving only the text in the content.
The value that configures the all.
Remove style and class attributes from the pasting content.
The value that configures the css.
Use a callback function to integrate a custom implementation for cleaning up the paste content. Make sure the callback function always returns the result.
The value that configures the custom.
Strip all HTML tags but keep new lines in the pasted content.
The value that configures the keepnewlines.
Remove all special formatting from MS Word content like font-name, font-size and MS Word specific tags.
The value that configures the msallformatting.
Converts MS Word pasted content into HTML lists.
The value that configures the msconvertlists.
Removes all MS Word specific tags and cleans up the extra metadata.
The value that configures the mstags.
Prevent any cleaning up of the content.
The value that configures the none.
Remove all span elements from the content, ensuring much of the inline formatting is removed.
The value that configures the span.
Defines the fluent API for configuring the EditorDeserializationSettings settings.
Callback that allows custom deserialization to be plugged in. The method accepts string as the only parameter and is expected to return the modified content as string as well.
The value that configures the custom.