Clash Royale CLAN TAG

Bind selected DataGrid row to textbox

I want to bind a textbox to a selected DataGrid. I have already binded the list to a datagrid but now I would like to bind the TextBoxtext to the DataGridselected row so its content will be placed into the TextBox

DataGrid

TextBox

DataGrid

TextBox

txtOccArea.DataContext = hegData;
//hegData is a list of an object


Thanks!

2 Answers
2

You should create a new class like this ( I hope you are using MVVM ).

public class YourViewVM : INotifyPropertyChanged
{

#region Fields

private object selectedDataGridCell;
private string textBoxContent;
private List<YourObject> dataGridSource;

#endregion

#region Properties
public object SelectedDataGridCell
{
get
{
return this.selectedDataGridCell;

}
set
{
if (this.selectedDataGridCell != value)
{
this.selectedDataGridCell = value;
OnPropertyChanged("SelectedDataGridCell");
}
}
}


public string TextBoxContent
{
get
{
return this.textBoxContent;
}
set
{
if (this.textBoxContent != value)
{
this.textBoxContent = value;
OnPropertyChanged("TextBoxContent");
}
}
}

public List<YourObject> DataGridSource
{
get
{
return this.dataGridSource;
}
set
{
if (this.dataGridSource != value)
{
this.dataGridSource = value;
OnPropertyChanged("Source");
}
}

}

#endregion

public event PropertyChangedEventHandler PropertyChanged;

protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

}
}


In your view, just modify it to:

<Grid>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<DataGrid ItemsSource="{Binding DataGridSource}" SelectedItem="{Binding SelectedDataGridCell}" />
<TextBox Grid.Row="1" Text="{Binding TextBoxContent}"></TextBox>
</Grid>


You need to add the INotifyPropertyChanged so the TextBox knows when the selection has changed.

INotifyPropertyChanged

TextBox

If you need to set the DataGridSource to your hegData list, just create a constructor and set the property there like this:

hegData

public YourViewVM(List<YourObject> hegData)
{
this.DataGridSource = hegData;
}


And where you create it just call it like:

YourViewVM yourViewVM = new YourViewVM(hegData)


If you just want to display the value in the TextBox it will be ok to bind in XAML. Try this:

<DataGrid x:Name="MyGrid" ItemsSource="{Binding hegData}"/>
<TextBox Text={Binding SelectedItem, ElementName=MyGrid}/>


If you actually need to alter the Selected Item, I think you should define a SelectedListItem property in your ViewModel and bind the TextBox's text to this property.

ViewModel:

public List<object> hegData {get;set;}
public object SelectedListItem {get;set;}


View:

<DataGrid ItemsSource="{Binding hegData}"
SelectedItem="{Binding SelectedListItem}"/>
<TextBox Text={Binding SelectedListItem}/>


By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.