Getting Started

The following tutorial demonstrates how you can add a RadMultiSelect control populated with static items. The end result will be similar to Figure 1:

Figure 1: Basic RadMultiSelect configuration with static items

multiselect-getting-started

  1. Add a ScriptManager control on a Web Form.

  2. Add a RadMultiColumnComboBox control to the page, and set its properties:

    • DataTextField and DataValueField - set them to text and value when populated with MultiSelectItems.
    • Populate the Items collection with MultiSelectItem instances and set their properties:
      • Text - the text of the item.
      • Value - the value of the item.
    • FooterTemplate - you can set custom footer template to the RadMultiSelect popup here.
    • Filter - set it to "Contains" to enable generic filtering.
    • Set other properties like Placeholder, DropDownHeight and Width to control its appearance as desired.

    The end result should be similar to the following:

    ASPX

    <telerik:RadMultiSelect ID="RadMultiSelect1" runat="server" DataTextField="text" DataValueField="value" Filter="Contains" Width="400px"
        Placeholder="Select attendees..." >
        <Items>
            <telerik:MultiSelectItem Text="Steven White" Value="1"></telerik:MultiSelectItem>
            <telerik:MultiSelectItem Text="Nancy King" Value="2"></telerik:MultiSelectItem>
            <telerik:MultiSelectItem Text="Nancy Davolio" Value="3"></telerik:MultiSelectItem>
            <telerik:MultiSelectItem Text="Robert Davolio" Value="4"></telerik:MultiSelectItem>
            <telerik:MultiSelectItem Text="Michael Leverling" Value="5"></telerik:MultiSelectItem>
        </Items>
        <FooterTemplate>
            <span style="color: gray; font-style: italic">
                Total #: instance.dataSource.total() # users found
            </span>
        </FooterTemplate>
    </telerik:RadMultiSelect>
    
In this article
Not finding the help you need? Improve this article