Hi Tech,
Thank you for using Syncfusion controls.
Your requirement can be achieved by SfMultiColumnDropDownControl.Columns TextWrapping property. If you set the TextWrapping property as Wrap. Popup list content text will be Wrap to next line. And you need to set the height for the DropDownGrid for multiple lines. Please refer the below code snippet,
Xaml:
|
<syncfusion:SfMultiColumnDropDownControl x:Name="sfMultiColumn"
ItemsSource="{Binding Orders,IsAsync=True}"
DisplayMember="OrderID"
Width="175"
Height="30"
PopupOpened="SfMultiColumn_PopupOpened"
SelectedIndex="2">
<syncfusion:SfMultiColumnDropDownControl.Columns>
<syncfusion:GridTextColumn MappingName="OrderID" />
<syncfusion:GridTextColumn MappingName="CustomerName" />
<syncfusion:GridTextColumn MappingName="Country" TextWrapping="Wrap" />
</syncfusion:SfMultiColumnDropDownControl.Columns>
</syncfusion:SfMultiColumnDropDownControl> |
C#:
|
//Variables
SfDataGrid grid;
GridRowSizingOptions gridRowResizingOptions = new GridRowSizingOptions();
double autoHeight;
private void SfMultiColumn_PopupOpened(object sender, PopupOpenedEventArgs e)
{
grid = this.sfMultiColumn.GetDropDownGrid();
grid.QueryRowHeight += Grid_QueryRowHeight;
}
private void Grid_QueryRowHeight(object sender, QueryRowHeightEventArgs e)
{
if (this.grid.GridColumnSizer.GetAutoRowHeight(e.RowIndex, gridRowResizingOptions, out autoHeight))
{
if (autoHeight > 24)
{
e.Height = autoHeight;
e.Handled = true;
}
}
} |
Please contact us for further assistance.
Regards,
Susmitha S
