Category / Section
How to bind a underlying data object property inside the DataTemplate?
1 min read
You can bind the properties from underlying data object inside the template of DataBoundTemplate cell type. GridDataBoundTemplate cell sets GridStyleInfo as DataContext for template. You can pass data object via CellValue2 property in GridStyleInfo using QueryCellInfo event.
In the below code snippet, TextBlock inside template cell directly bound to property in underlying data object.
XAML
<syncfusion:GridTreeColumn HeaderText="First Name" MappingName="FirstName">
<syncfusion:GridTreeColumn.StyleInfo>
<syncfusion:GridStyleInfo CellType="DataBoundTemplate">
<syncfusion:GridStyleInfo.CellItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Style.CellValue2.LastName}" />
</DataTemplate>
</syncfusion:GridStyleInfo.CellItemTemplate>
</syncfusion:GridStyleInfo>
</syncfusion:GridTreeColumn.StyleInfo>
</syncfusion:GridTreeColumn>
C#
void Model_QueryCellInfo(object sender, GridQueryCellInfoEventArgs e)
{
if (e.Style.CellType == "DataBoundTemplate")
{
var node = treeGrid.InternalGrid.GetNodeAtRowIndex(e.Style.RowIndex);
if (node != null)
{
var item = node.Item as EmployeeInfo;
e.Style.CellValue2 = item;
}
}
}
Sample Links:
