Articles → WPF → Binding Property Of One Element To Other In WPF

Binding Property Of One Element To Other In WPF

Many times you may encounter with a scenario in which you have to bind the property of one control to other. Let us say you want the text of the textbox same as the text of the button or many other scenarios in which this is required.

In this tutorial I will work on a simple example in which I will bind the content property of button to the text property of the textbox. May be you will not find the particular example complex enough when you go into the real time applications but this example will help you to get a basic idea.

So let us start with the example. As per the tradition create a wpf based application and name them BindingProperties (this name is optional you can give any name as per your wish).

Add the following code in xaml file

<Grid>
	<Grid.ColumnDefinitions>
		<ColumnDefinition></ColumnDefinition>
		<ColumnDefinition></ColumnDefinition>
	</Grid.ColumnDefinitions>
	<Button Content="Test" Background="Red" x:Name="Button1"></Button>
	<TextBox Name="TextBox1" Grid.Column="1"></TextBox>
</Grid>

As you can see in the code there is a button and a combobox. Code is self explanatory and I am not explaining here. To bind the property we will use following syntax

  Property_Name = "{Binding ElementName=Control_Name, Path=Control_Property}"

As our requirement is to bind the Text property with the content property of button so the Textbox code will be

    <TextBox Name="TextBox1" Grid.Column="1" Text="{Binding ElementName=Button1, Path=Content}"/>

Now run the program. The output would be.

Picture showing the output of binding property of one element to other in WPF

Click to Enlarge

There is alternative of doing it i.e.

<TextBox Name="TextBox1" Grid.Column="1">
	<TextBox.Text>
		<Binding ElementName="Button1" Path="Content"></Binding>
	</TextBox.Text>
</TextBox>

Both will give the same result.

Posted By -	Karan Gupta

Posted On -	Thursday, December 23, 2010

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**