Alfred Smith,
We have reviewed your query. To display a SfComboBox in a GridTemplateColumn
while performing editing, and to show the selected items count of the ComboBox
in the control placed within the CellTemplate , it can be achieved in two ways:
Solution 1: When using a
TextBlock as CellTemplate
You can place a TextBlock as the
CellTemplate in the GridTemplateColumn, and use an SfComboBox as the
EditTemplate. For the TextBlock, use a value converter to display the count of
selected items.
In the converter, you can split the
ClientName property using a separator (such as hypen) to determine the number
of selected items, and then return that count to be displayed in the TextBlock
Text property.
Code snippet to display the SfComboBox
when Doubleclicking on TextBlock:
|
<dataGrid:GridTemplateColumn
MappingName="ClientName"
HeaderText="ClientDetails">
<dataGrid:GridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding ClientName,
Converter={StaticResource ClientNameConverter}}"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
</DataTemplate>
</dataGrid:GridTemplateColumn.CellTemplate>
<dataGrid:GridTemplateColumn.EditTemplate>
<DataTemplate>
<editors:SfComboBox x:Name="sfComboBox"
DisplayMemberPath="FullName"
DataContext="{Binding AllClients,Source={StaticResource
ViewModel}}"
Loaded="OnLoaded"
SelectionMode="Multiple"
Width="300"
SelectionChanged="OnSelectionChanged"
/>
</DataTemplate>
</dataGrid:GridTemplateColumn.EditTemplate>
</dataGrid:GridTemplateColumn>
|
Code snippet for show the selected items
count in TextBlock:
|
public class ClientNameConverter
: IValueConverter
{
public object Convert(object value, Type
targetType, object parameter, string language)
{
if (value is string clientName)
{
// Assuming `-` is the delimiter
var parts = clientName.Split('-');
int count = parts.Length;
return $" View {count}";
}
return value;
}
public object ConvertBack(object value, Type
targetType, object parameter, string language)
{
throw new NotImplementedException();
}
}
|
Solution 2: When using a Button as
CellTemplate
You
can place a Button as the CellTemplate in the GridTemplateColumn, and use an
SfComboBox as the EditTemplate. To display the count of selected items, use a
value converter bound to the Button Content property.
In the converter, you can split the
ClientName property using a separator (such as a hyphen) to calculate the
number of selected items, and return that count as a string to be displayed on
the button
Code snippet to placed Button as CellTemplate:
|
<dataGrid:GridTemplateColumn
MappingName="ClientName"
HeaderText="ClientDetails">
<dataGrid:GridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel>
<Button Content="{Binding
ClientName, Converter={StaticResource ClientNameConverter}}"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Click="OnClick"/>
</StackPanel>
</DataTemplate>
</dataGrid:GridTemplateColumn.CellTemplate>
<dataGrid:GridTemplateColumn.EditTemplate>
<DataTemplate>
<editors:SfComboBox x:Name="sfComboBox"
DisplayMemberPath="FullName"
DataContext="{Binding
AllClients,Source={StaticResource ViewModel}}"
Loaded="OnLoaded"
SelectionMode="Multiple"
Width="150"
SelectionChanged="OnSelectionChanged"
/>
</DataTemplate>
</dataGrid:GridTemplateColumn.EditTemplate>
</dataGrid:GridTemplateColumn>
|
When the button is clicked, you can programmatically
display the SfComboBox by handling the button click event. In the click event
handler, use the PointToCellRowColumnIndex method of the SfDataGrid to get the
current row and column index. This can be done by capturing the position from
the PointerMoved event.
Once you retrieve the row and column index, set the CurrentCell to that index
and call the BeginEdit method to activate the edit mode, which will display the
SfComboBox.
Code snippet to display the SfComboBox when
clicking on Button:
|
private void
OnClick(object sender, RoutedEventArgs e)
{
var visualContainer =
sfDataGrid.GetVisualContainer();
if(visualContainer != null &&
sfDataGrid.SelectionController != null &&
sfDataGrid.SelectionController.CurrentCellManager != null)
{
var rowColumnIndex =
visualContainer.PointToCellRowColumnIndex(lastMousePosition);
if (rowColumnIndex != null)
sfDataGrid.MoveCurrentCell(rowColumnIndex);
sfDataGrid.SelectionController.CurrentCellManager.BeginEdit();
}
}
private void OnPointerMoved(object sender, PointerRoutedEventArgs e)
{
lastMousePosition =
e.GetCurrentPoint(sfDataGrid).Position;
}
|
Additionally, to achieve different ItemsSource values for
combobox based on the parent row, you can handle the Loaded event of the
SfComboBox. In this event, you can retrieve the current data row using the
FindParent method. Based on the row's ID, you can then retrieve the matching
values from the ComboBox DataContext. Using these values, you can bind the
appropriate ItemsSource to the SfComboBox.
|
private void
OnLoaded(object sender, RoutedEventArgs e)
{
var comboBox = sender as SfComboBox;
if (comboBox == null) return;
// Retrieve the current DataRow
var dataRow = FindParent<DataGridRowControl>(comboBox);
if (dataRow == null) return;
var record = dataRow.DataContext;
if (record == null || record is not PersonModel
person)
return;
int staffId = person.StaffId;
string fullName = person.ClientName;
// Assuming the DataContext of the
ComboBox is a collection of staff or similar
var dataContextItems =
comboBox.DataContext as IEnumerable<object>;
if (dataContextItems == null) return;
// Filter items where the staffId matches
var filteredItems = dataContextItems
.OfType<ClientModel>() //
Replace with your actual item type
.Where(item => item.Id == staffId)
// Adjust property name as neeqaded
.ToList();
if (filteredItems.Count > 0)
comboBox.ItemsSource = filteredItems;
// Split the names by "-" and
trim whitespace
var names = fullName.Split('-')
.Select(name =>
name.Trim())
.ToList();
// Match against your available list
(filteredItems or full list)
var matchedClients = filteredItems
.Where(client =>
names.Contains(client.FullName))
.ToList();
if (matchedClients.Count > 0)
{
foreach (var item in matchedClients)
{
comboBox.SelectedItems.Add(item);
}
}
}
public static T
FindParent<T>(DependencyObject child) where T : DependencyObject
{
DependencyObject parentObject = VisualTreeHelper.GetParent(child);
if (parentObject == null) return null;
if (parentObject is T parent)
return parent;
return FindParent<T>(parentObject);
}
|
Find the sample in the attachment and let us know if you
have any concerns on this.
If this post is helpful, please consider Accepting it as
the solution so that other members can locate it more quickly.
Attachment:
Sample_bfad2c.zip
