Add search filter to context menu nested item.

Question

I have a blazor context menu, using a list of Syncfusion.Blazor.Grids.ContextMenuItemModel's to populate the context menu. Several of these items have a list of Items (Syncfusion.Blazor.Grids.MenuItems) that can sometimes be 100 items long or more. I would like to insert a search at the top of the list so that I can filter the list based on the search. Is this possible?

Attachment: ContextMenuWithManyItems_a05f8a8b.zip

YuvanShankar Arunagiri · Answer

Hi Zachary,Sorry for the
delay. We are validating your query and will update you the details
on or before 28th September 2022.Regards,YuvanShankar A

Zachary Witt · Answer

Any update on this?

YuvanShankar Arunagiri · Answer

Hi Zachary,Sorry for the delay. We have checked
your reported query and prepared the sample based on your requirement. please
refer the below attached sample. we can achieve your requirement by custom
sample as content menu with filtering option(standalone). Now we are checking
how to implement this sample in grid component. so, we will update the further
details on or before October 4th, 2020. We appreciate your patience until then.Regards,YuvanShankar AAttachment: Server6.0671386074_2450bfea.zip

YuvanShankar Arunagiri · Answer

Hi Zachary,Sorry
for the delay. We would like to inform that currently we didn’t have template
support for context menu in grid. We suggest you bind the standalone sample
target to grid and perform default context menu action in public method to
overcome the issue. Kindly refer the below table list for default context menu
items.

Items

Description

Method

AutoFit

Auto fit the current column.

AutoFitAsync()

AutoFitAll

Auto fit all columns.

AutoFitColumnAsync()

Edit

Edit the current record.

StartEditAsync()

Delete

Delete the current record.

DeleteRecordAsync()

Save

Save the edited record.

UpdateCellAsync()

Cancel

Cancel the edited state.

EndEditAsync()

Copy

Copy the selected records.

CopyAsync()

PdfExport

Export the DataGrid data as Pdf document.

ExportToPdfAsync()

ExcelExport

Export the DataGrid data as Excel document.

ExportToExcelAsync()

CsvExport

Export the DataGrid data as CSV document.

ExportToCsvAsync()

Group

Group the current column.

GroupColumnAsync()

Ungroup

Ungroup the current column.

UngroupColumnAsync()

SortAscending

Sort the current column in ascending order.

SortColumnAsync()

SortDescending

Sort the current column in descending order.

SortColumnAsync()

FirstPage

Go to the first page.

GoToPageAsync()

LastPage

Go to the last page.

GoToPageAsync()

Refer the API documentation link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.htmlRegards,YuvanShankar
A

Items	Description	Method
AutoFit	Auto fit the current column.	AutoFitAsync()
AutoFitAll	Auto fit all columns.	AutoFitColumnAsync()
Edit	Edit the current record.	StartEditAsync()
Delete	Delete the current record.	DeleteRecordAsync()
Save	Save the edited record.	UpdateCellAsync()
Cancel	Cancel the edited state.	EndEditAsync()
Copy	Copy the selected records.	CopyAsync()
PdfExport	Export the DataGrid data as Pdf document.	ExportToPdfAsync()
ExcelExport	Export the DataGrid data as Excel document.	ExportToExcelAsync()
CsvExport	Export the DataGrid data as CSV document.	ExportToCsvAsync()
Group	Group the current column.	GroupColumnAsync()
Ungroup	Ungroup the current column.	UngroupColumnAsync()
SortAscending	Sort the current column in ascending order.	SortColumnAsync()
SortDescending	Sort the current column in descending order.	SortColumnAsync()
FirstPage	Go to the first page.	GoToPageAsync()
PrevPage	Go to the previous page.	GoToPageAsync()
LastPage	Go to the last page.	GoToPageAsync()
NextPage	Go to the next page.	GoToPageAsync()