Grouping Overview
The DropDownList enables you to bind it to a grouped data source.
To group the data, define a group datasource expression which uses a custom DataSource configuration, and specify the field by which the DropDownList will be grouped. For a runnable example, refer to the demo on grouping in the DropDownList.
The data source sorts the grouped data either in ascending or descending order. To persist a specific group order, use the server grouping feature. To define the
serverGroupingoption, use theServerGroupingmethod of the DataSource.
The following example demonstrates how to group the data in the DropDownList by country.
@(Html.Kendo().DropDownList()
.Name("customers")
.DataSource(source => source
.Custom()
.Group(g => g.Add("Country", typeof(string)))
.Transport(transport => transport
.Read(read =>
{
read.Action("Grouping_GetCustomers", "DropDownList");
}))
)
.DataTextField("ContactName")
.DataValueField("CustomerID")
)
<kendo-dropdownlist name="customers"
datatextfield="ContactName"
datavaluefield="CustomerID">
<datasource>
<groups>
<group field="Country"></group>
</groups>
<transport>
<read url="@Url.Action("Grouping_GetCustomers", "DropDownList")" />
</transport>
</datasource>
</kendo-dropdownlist>