In the attached project, Index.razor contains a DxGrid.
When adding or editing the 'Target' column uses a DxComboBox to select a value.
The combobox is populated with a list of 'TargetCls', which has 2 properties, Target and Text.
How can I display the 'Text' value in the Target column of the grid, when displaying and not editing?
I have looked at some samples and can't seem to get it.
Blazor Grid with ComboBox
Show previous comments
(0)
Comments
(0)
Sign in to comment on this post
Answers approved by DevExpress Support
Hello,
Thank you for the example.
The grid does not have direct access to the DxComboBox values. To achieve your goal, you can handle the CustomizeCellDisplayText and display the text of the data item that matches the cell value.
For example:
C#void Grid_CustomizeCellDisplayText(GridCustomizeCellDisplayTextEventArgs e)
{
if (e.FieldName == "LinkTarget")
{
e.DisplayText = TargetList.Where(t => t.Target == ((string)e.Value)).FirstOrDefault()?.Text;
}
}
Please let us know if you have further questions.
Comments
(3)
AG
3 days ago
Thank you. That works great for my current application.
How would that perform with a large dataset?
Is there another method that would perform better with a large dataset?
Hello,
Thank you for your reply.
Generally, it will depend on how your grid is configured. For example, if you implement virtual scrolling for large datasets, the performance will greatly improve with this approach since the CustomizeCellDisplayText event will only be triggered for cells of rows that are visible in the viewport. An alternative to this solution would be the usage of CellDisplayTemplate, however, it will be less performant for larger datasets because it will need to render the HTML content of each cell.
If you do not want to use any of these solutions, you also have the option to use the Text property as the column's data field instead. However, you will need to reconfigure your grid data to use this value instead of Target.
Regards,
John