DropDownListBuilder
Methods
AutoBind(System.Boolean)
Controls whether to bind the widget to the DataSource on initialization.
Parameters
autoBind - System.Boolean
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.AutoBind(false)
)
AutoWidth(System.Boolean)
Controls whether to adjust the popup width
Parameters
autoWidth - System.Boolean
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.AutoWidth(false)
)
BindTo(System.Collections.Generic.IEnumerable)
Binds the DropDownList to a list of DropDownListItem.
Parameters
dataSource - System.Collections.Generic.IEnumerable<DropDownListItem>
The data source.
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.BindTo(new List <DropDownListItem>
{
new DropDownListItem() {
Text = "Text1",
Value = "Value1"
},
new DropDownListItem() {
Text = "Text2",
Value = "Value2"
} })
)
BindTo(System.Collections.Generic.IEnumerable)
Binds the DropDownList to a list of DropDownListItem.
Parameters
dataSource - System.Collections.Generic.IEnumerable<SelectListItem>
The data source.
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.BindTo(new List <DropDownListItem>
{
new DropDownListItem() {
Text = "Text1",
Value = "Value1"
},
new DropDownListItem() {
Text = "Text2",
Value = "Value2"
} })
)
DataValueField(System.String)
Sets the field of the data item that provides the value content of the list items.
Parameters
field - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("Text")
.DataValueField("Value")
)
EnforceMinLength(System.Boolean)
If set to true the widget will not show all items when the text of the search input cleared. By default the widget shows all items when the text of the search input is cleared. Works in conjunction with minLength.
Parameters
enforceMinLength - System.Boolean
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.MinLength(3)
.Filter("contains")
.EnforceMinLength(true)
)
Events(System.Action)
Configures the client-side events.
Parameters
clientEventsAction - System.Action<DropDownListEventBuilder>
The client events action.
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Events(events =>
events.Change("change")
)
)
Filter(System.String)
Use it to enable filtering of items.
Parameters
filter - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Filter("startswith");
)
Filter(Kendo.Mvc.UI.FilterType)
Use it to enable filtering of items.
Parameters
filter - FilterType
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Filter(FilterType.Contains);
)
Items(System.Action)
Defines the items in the DropDownList
Parameters
addAction - System.Action<DropDownListItemFactory>
The add action.
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Items(items =>
{
items.Add().Text("First Item");
items.Add().Text("Second Item");
})
)
Messages(System.Action)
Parameters
configurator - System.Action<DropDownListMessagesSettingsBuilder>
OptionLabel(System.String)
Define the text of the default empty item.
Parameters
optionLabel - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabel("Select country...")
)
OptionLabel(System.Object)
Define the object of the default empty item.
Parameters
optionLabel - System.Object
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("Text")
.DataValueField("Value")
.OptionLabel(new { Text = "Text1", Value = "Value1" })
)
MinLength(System.Int32)
Specifies the minimum number of characters that should be typed before the widget queries the dataSource.
Parameters
length - System.Int32
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.MinLength(3)
)
SelectedIndex(System.Int32)
Use it to set selected item index
Parameters
index - System.Int32
Item index.
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.SelectedIndex(0);
)
CascadeFrom(System.String)
Use it to set the Id of the parent DropDownList.
Parameters
cascadeFrom - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList2")
.CascadeFrom("DropDownList1")
)
CascadeFromField(System.String)
Use it to set the field used to filter the data source.
Parameters
cascadeFromField - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList2")
.CascadeFrom("DropDownList1")
.CascadeFromField("ParentID")
)
CascadeFromParentField(System.String)
Defines the parent field to be used to retain value from. This value will be used further to filter the dataSource.
Parameters
cascadeFromParentField - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList2")
.CascadeFrom("DropDownList1")
.CascadeFromField("ParentID")
.CascadeFromParentField("ParentID")
)
Text(System.String)
Define the text of the widget, when the autoBind is set to false.
Parameters
text - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Text("Chai")
.AutoBind(false)
)
Text(System.Object)
Define the default item of the widget when the autoBind option is set to false.
Parameters
text - System.Object
OptionLabelTemplate(System.String)
OptionLabelTemplate to be used to render the option label content.
Parameters
optionLabelTemplate - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabelTemplate("#= data #")
)
OptionLabelTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)
OptionLabelTemplateView to be used to render the option label content.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the template.
OptionLabelTemplateId(System.String)
OptionLabelTemplateId to be used to render the option label content.
Parameters
optionLabelTemplateId - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabelTemplateId("widgetOptionLabelTemplateId")
)
OptionLabelTemplateView(System.Web.Mvc.MvcHtmlString)
OptionLabelTemplateView to be used to render the option label content.
Parameters
optionLabelTemplateView - System.Web.Mvc.MvcHtmlString
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.OptionLabelTemplateView(Html.Partial("OptionLabelTemplate"))
)
OptionLabelTemplateHandler(System.String)
Parameters
value - System.String
ValueTemplate(System.String)
ValueTemplate to be used to render the selected value.
Parameters
valueTemplate - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.ValueTemplate("#= data #")
)
ValueTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)
ValueTemplateView to be used to render the selected value.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the template.
ValueTemplateId(System.String)
ValueTemplateId to be used to render the selected value.
Parameters
valueTemplateId - System.String
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.ValueTemplateId("widgetValueTemplateId")
)
ValueTemplateView(System.Web.Mvc.MvcHtmlString)
ValueTemplateView to be used to render the selected value.
Parameters
valueTemplateView - System.Web.Mvc.MvcHtmlString
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.ValueTemplateView(Html.Partial("ValueTemplate"))
)
ValueTemplateHandler(System.String)
Parameters
value - System.String
FilterTitle(System.String)
When filtering is enabled, allows custom title to be defined for the filter input element.
Parameters
value - System.String
The value for FilterTitle
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.FilterTitle("MyFilter")
)
Size(Kendo.Mvc.UI.ComponentSize)
Sets the size of the component.
Parameters
value - ComponentSize
The value for Size
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Size(ComponentSize.Medium)
)
Rounded(Kendo.Mvc.UI.Rounded)
Sets a value controlling the border radius.
Parameters
value - Rounded
The value for Rounded
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.Rounded(Rounded.Medium)
)
FillMode(Kendo.Mvc.UI.FillMode)
Sets a value controlling how the color is applied.
Parameters
value - FillMode
The value for FillMode
Example
@(Html.Kendo().DropDownList()
.Name("DropDownList")
.FillMode(FillMode.Solid)
)
Template(System.String)
Template to be used for rendering the items in the list.
Parameters
template - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.Template("#= data #")
)
TemplateId(System.String)
TemplateId to be used for rendering the items in the list.
Parameters
templateId - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.TemplateId("widgetTemplateId")
)
TemplateView(System.Web.Mvc.MvcHtmlString)
TemplateView to be used for rendering the items in the list.
Parameters
templateView - System.Web.Mvc.MvcHtmlString
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.TemplateView(Html.Partial("TemplateView"))
)
TemplateHandler(System.String)
The JavaScript function that returns the Template to be used for rendering the items in the list.
Parameters
template - System.String
Template(Kendo.Mvc.UI.Fluent.TemplateBuilder)
Template to be used for rendering the items in the list.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the fixed group template.
Value(System.String)
Sets the value of the widget.
Parameters
value - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.Value("1")
)
Animation(System.Boolean)
Use to enable or disable animation of the popup element.
Parameters
enable - System.Boolean
The boolean value.
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.Animation(false) //toggle effect
)
Animation(System.Action)
Configures the animation effects of the widget.
Parameters
animationAction - System.Action<PopupAnimationBuilder>
The action which configures the animation effects.
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.Animation(animation =>
{
animation.Open(open =>
{
open.SlideIn(SlideDirection.Down);
});
})
)
BindTo(System.Collections.IEnumerable)
Binds the widget to an IEnumerable list.
Parameters
data - System.Collections.IEnumerable
The data source.
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("CompanyName")
.DataValueField("CompanyID")
.BindTo(new List<Company>
{
new Company {
CompanyName = "Text1",
CompanyID = "Value1"
},
new Company {
CompanyName = "Text2",
CompanyID = "Value2"
} })
)
DataTextField(System.String)
Sets the field of the data item that provides the text content of the list items.
Parameters
field - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.DataTextField("Text")
)
DataSource(System.Action)
Configures the DataSource options.
Parameters
configurator - System.Action<ReadOnlyDataSourceBuilder>
The DataSource configurator action.
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetProducts", "Home");
});
})
)
DataSource(System.String)
Parameters
dataSourceId - System.String
Delay(System.Int32)
Specifies the delay in ms after which the widget will start filtering the dataSource.
Parameters
delay - System.Int32
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.Delay(300)
)
Enable(System.Boolean)
Enables or disables the combobox.
Parameters
value - System.Boolean
FixedGroupTemplate(System.String)
Fixed group template which will be rendered as a static group header of the popup element.
Parameters
fixedGroupTemplate - System.String
FixedGroupTemplateId(System.String)
FixedGroupTemplateId to be used for rendering the static header of the popup element.
Parameters
fixedGroupTemplateId - System.String
FixedGroupTemplateView(System.Web.Mvc.MvcHtmlString)
FixedGroupTemplateView to be used for rendering the static header of the popup element.
Parameters
fixedGroupTemplateView - System.Web.Mvc.MvcHtmlString
FixedGroupTemplateHandler(System.String)
The JavaScript handler that returns the fixed group template which will be rendered as a static group header of the popup element.
Parameters
value - System.String
FixedGroupTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)
The fixed group template which will be rendered as a static group header of the popup element.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the fixed group template.
GroupTemplate(System.String)
Group template which will be rendered as a group header of each new group in the popup.
Parameters
groupTemplate - System.String
GroupTemplateId(System.String)
GroupTemplateId to be used for rendering the static header of the popup element.
Parameters
groupTemplateId - System.String
GroupTemplateView(System.Web.Mvc.MvcHtmlString)
GroupTemplateView to be used for rendering the static header of the popup element.
Parameters
groupTemplateView - System.Web.Mvc.MvcHtmlString
GroupTemplateHandler(System.String)
The JavaScript ghandler that returns the Group template which will be rendered as a group header of each new group in the popup.
Parameters
value - System.String
GroupTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)
The Group template which will be rendered as a group header of each new group in the popup.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the fixed group template.
IgnoreCase(System.Boolean)
Use it to enable case insensitive bahavior of the combobox. If true the combobox will select the first matching item ignoring its casing.
Parameters
ignoreCase - System.Boolean
Example
@( Html.Kendo().ComboBox()
.Name("ComboBox")
.IgnoreCase(true)
)
Height(System.Int32)
Sets the height of the drop-down list in pixels.
Parameters
height - System.Int32
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.Height(300)
)
HeaderTemplate(System.String)
Header template which will be rendered as a static header of the popup element.
Parameters
headerTemplate - System.String
Example
")
)
HeaderTemplateId(System.String)
HeaderTemplateId to be used for rendering the static header of the popup element.
Parameters
headerTemplateId - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.HeaderTemplateId("widgetHeaderTemplateId")
)
HeaderTemplateView(System.Web.Mvc.MvcHtmlString)
HeaderTemplateView to be used for rendering the static header of the popup element.
Parameters
headerTemplateView - System.Web.Mvc.MvcHtmlString
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.HeaderTemplateView(Html.Partial("HeaderTemplate"))
)
HeaderTemplateHandler(System.String)
The JAvaScript function that returns the Header template which will be rendered as a static header of the popup element.
Parameters
value - System.String
HeaderTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)
Header template which will be rendered as a static header of the popup element.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the fixed group template.
FooterTemplate(System.String)
Footer template which will be rendered as a static footer of the popup element.
Parameters
footerTemplate - System.String
Example
items found")
)
FooterTemplateId(System.String)
FooterTemplateId to be used for rendering the static footer of the popup element.
Parameters
footerTemplateId - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.FooterTemplateId("widgetFooterTemplateId")
)
FooterTemplateView(System.Web.Mvc.MvcHtmlString)
FooterTemplateView to be used for rendering the static footer of the popup element.
Parameters
footerTemplateView - System.Web.Mvc.MvcHtmlString
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.FooterTemplateView(Html.Partial("FooterTemplate"))
)
FooterTemplateHandler(System.String)
The JavaScript function that returns the Footer template which will be rendered as a static footer of the popup element.
Parameters
value - System.String
FooterTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)
Footer template which will be rendered as a static footer of the popup element.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the fixed group template.
NoDataTemplate(System.String)
No data template which will be rendered as a static no-data template of the popup element.
Parameters
noDataTemplate - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.NoDataTemplate("No Data!")
)
NoDataTemplateId(System.String)
NoDataTemplateId to be used for rendering the static no-data template of the popup element.
Parameters
noDataTemplateId - System.String
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.NoDataTemplateId("widgetNoDataTemplateId")
)
NoDataTemplateView(System.Web.Mvc.MvcHtmlString)
NoDataTemplateView to be used for rendering the static no-data template of the popup element.
Parameters
noDataTemplateView - System.Web.Mvc.MvcHtmlString
Example
@( Html.Kendo().DropDownList()
.Name("DropDownList")
.NoDataTemplateView(Html.Partial("NoDataTemplate"))
)
NoDataTemplateHandler(System.String)
the JavaScript function that returns the No data template which will be rendered as a static no-data template of the popup element.
Parameters
value - System.String
NoDataTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)
No data template which will be rendered as a static no-data template of the popup element.
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the fixed group template.
Popup(System.Action)
Configures the popup settings of the widget.
Parameters
popupAction - System.Action<PopupSettingsBuilder>
ValuePrimitive(System.Boolean)
Parameters
valuePrimitive - System.Boolean
Virtual(System.Boolean)
Configures the virtualization settings of the widget.
Parameters
enable - System.Boolean
Virtual(System.Action)
Configures the virtualization settings of the widget.
Parameters
virtualizationAction - System.Action<VirtualSettingsBuilder>
Label(System.Action)
Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label.
Parameters
configurator - System.Action<LabelSettingsBuilder>
AdaptiveMode(Kendo.Mvc.UI.AdaptiveMode)
Parameters
value - AdaptiveMode
ToComponent()
Returns the internal view component.
Name(System.String)
Sets the name of the component.
Parameters
componentName - System.String
The name of the component.
Example
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
Deferred(System.Boolean)
Suppress initialization script rendering. Note that this options should be used in conjunction with
Parameters
deferred - System.Boolean
ModelMetadata(System.Web.Mvc.ModelMetadata)
Uses the Metadata of the Model.
Parameters
modelMetadata - System.Web.Mvc.ModelMetadata
The metadata set for the Model
HtmlAttributes(System.Object)
Sets the HTML attributes.
Parameters
attributes - System.Object
The HTML attributes.
HtmlAttributes(System.Collections.Generic.IDictionary)
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
AsModule(System.Boolean)
Specifies whether the initialization script of the component will be rendered as a JavaScript module.
Parameters
value - System.Boolean
Render()
Renders the component.
Example
@(@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();
)
ScriptAttributes(System.Object,System.Boolean)
Sets the JavaScript attributes to the initialization script.
Parameters
attributes - System.Object
The JavaScript attributes.
overrideAttributes - System.Boolean
Argument which determines whether attributes should be overriden.
ScriptAttributes(System.Collections.Generic.IDictionary,System.Boolean)
Sets the JavaScript attributes to the initialization script.
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
The JavaScript attributes.
overrideAttributes - System.Boolean
Argument which determines whether attributes should be overriden.