ASP.NET Interface Controls - Dropdown List - Linked Fields

Country
State / Province
 
The OboutDropDownList control can be configured to enable / disable other controls from the page when the selection is changed. Everything is done internally by the OboutDropDownList control. No extra coding is required.

This example showcases the use of a OboutDropDownList ("Country") that controls two other fields, based on a condition. When "USA" is selected in the "Country" drop down list, the "State" drop down list is enabled and the "Province" text box is disabled. When any other country other than USA is selected in the "Country" drop down list, the "State" drop down list is disabled and the "Province" text box is enabled.

The OboutDropDownList exposes various properties that are used to configure the conditional linking:
  • ControlsToEnable - gets or sets a value indicating the controls that will be enabled when some specific items are selected.
  • EnablingValues - gets or sets a value indicating the comma separated item values that will be used by the ControlsToEnable property.
  • ControlsToDisable - gets or sets a value indicating the controls that will be disabled when some specific items are selected.
  • DisablingValues - gets or sets a value indicating the comma separated item values that will be used by the ControlsToDisable property.
ASP.NET
<obout:OboutDropDownList runat="server" ID="ddl1" ControlsToEnable="State" EnablingValues="219"
ControlsToDisable="Province" DisablingValues="219" />
<obout:OboutDropDownList runat="server" ID="State" />
<obout:OboutTextBox runat="server" ID="Province" Enabled="false" />
obout.com
obout.com Home
News
Interface Controls Home 
Interface Controls Home
Download
Site Map
Examples - 55
Appearance - 2
Live Styles
Different Styles New
Common Features - 3
Width
Enable / Disable
Reset Values New
Button - 6
Default Button
PostBackUrl
Client-Side Events
Server-Side Events
Server-Side Commands
Client-Side Manipulation
Checkbox - 6 New
AutoPostBack
Linked CheckBoxes with Tri-States
Client-Side Events
Server-Side Events
Client-Side Manipulation
Linked Fields New
Dropdown List - 8
Height
MenuWidth
Multiple Rows and Columns New
AutoPostBack
Linked Fields New
Client-Side Events
Server-Side Events
Client-Side Manipulation
Image Button - 7
Enable specific states
Default Button
PostBackUrl
Client-Side Events
Server-Side Events
Server-Side Commands
Client-Side Manipulation
Radio Button - 5 New
AutoPostBack
GroupName
Client-Side Events
Server-Side Events
Client-Side Manipulation
Textbox - 11
Auto Complete
AutoPostBack New
MaxLength
MaxLength with Counter New
MaxLength with Auto Focus New
TextMode
WatermarkText
Linked Fields New
Client-Side Events
Server-Side Events
Client-Side Manipulation
Integration - 7
Cascading Dropdown Lists
With ASP.NET Validators
Inside Grid
Textbox with DatePicker
Inside User Controls New
Using ASP.NET Themes/Skins New
Create User Wizard New
Knowledge Base - 1
Knowledge Base
Documentation - 22
Server-Side
OboutButton
OboutButtonCssSettings
OboutCheckBox
OboutCheckBoxClientSideEvents
OboutCheckBoxCssSettings
OboutDropDownList
OboutDropDownListClientSideEvents
OboutDropDownListCssSettings
OboutImageButton
OboutRadioButton
OboutRadioButtonClientSideEvents
OboutRadioButtonCssSettings
OboutTextBox
OboutTextBoxClientSideEvents
OboutTextBoxCssSettings
Client-Side
OboutButton
OboutCheckBox
OboutDropDownList
OboutImageButton
OboutRadioButton
OboutTextBox
ChangeLog
Tutorials - 2
Configuration
Using the correct path
Appearance
Changing the font-size / height