Getting Started with the Telerik WebForms ComboBox
This tutorial will walk you through creating a RadComboBox and shows how to:
Create a simple RadComboBox with elements set in design time.
Populate RadComboBox from a data source.
Creating a Simple RadComboBox
Drag a RadComboBox from the Toolbox onto your Web Page.
The Smart Tag should appear automatically. From the Smart Tag, choose Build RadComboBox...
The RadComboBox Item Builder appears.
Click the Add item icon in the upper left corner. A new RadComboBoxItem appears in the item builder.
Set the Text property to "First Item".
Add two more items in the same way.
Press OK to exit the RadComboBox Item Builder.
Back in the Smart Tag, choose a Skin from the drop-down control.
- Right-click the RadComboBox instance and select Properties.
In the properties pane for the RadComboBox, Set the Height property to 150.
Run the application. Open the drop-down list to see the items.
Binding to an AccessDataSource
- In order to bind the RadComboBox to an AccessDataSource, you must first have a DataSource component on your page. Drag an AccessDataSource component from the Toolbox onto the same page where your RadComboBox is.
- From the Smart Tag of the AccessDataSource, choose Configure DataSource.
- Click the Browse button, locate, and select the AccessData File and press Next to continue.
- Specify the columns from a table and press Next to continue.
- You may choose to test your Query to preview the data. Finally, press Finish to exit.
- On the RadComboBox Smart Tag, choose the AccessDataSource from the drop-down list labelled Choose Data Source.
- In the properties pane for RadComboBox, set the DataTextField and DataValueField.
- Run the application. The data from your table now appears in the RadComboBox.