chore(Grid): apply last fixes

Author: xristianstefanov

knowledge-base/grid-access-gridsearchbox-value.md

@@ -27,25 +27,24 @@ I need to capture the text entered in the [`GridSearchBox`](slug:grid-searchbox)
 
 ## Solution
 
-The `GridSearchBox` does not expose a direct `Value` property or provide two-way binding. It is integrated with the Grid's filtering system, automatically converting the search text into filters passed to the Grid. To capture the search text, extract it from the `DataSourceRequest.Filters` during the [`OnRead` event](slug:components/grid/manual-operations) processing. Follow these steps:
+The `GridSearchBox` does not expose a direct `Value` property or provide two-way binding. It is integrated with the Grid's filtering system, automatically converting the search text into filters passed to the Grid. To capture the search text, extract it from the Grid [state](slug:grid-state). Follow these steps:
 
-1. Use the `OnRead` event of the Grid to access the current filters.
-2. Extract the search text from `DataSourceRequest.Filters`.
+1. Use the [`OnStateChanged` event](slug:grid-state#onstatechanged) of the Grid to access the current filters.
+2. Extract the search text from the component state.
 
 Here is an example:
 
 ````Razor
 @using Telerik.DataSource
-@using Telerik.DataSource.Extensions
 
-@( new MarkupString(output) )
+<TelerikButton OnClick="@GetSearchValue">Get Search Value</TelerikButton>
 
-<br />
-<TelerikButton OnClick="@GetFilters">Get Filters</TelerikButton>
-
-<TelerikGrid TItem="@Employee" OnRead="@ReadItems"
+<TelerikGrid @ref="GridRef"
+             Data="@Employees"
              FilterMode="@GridFilterMode.FilterRow"
-             Sortable="true" Pageable="true">
+             Sortable="true"
+             Pageable="true"
+             OnStateChanged="@((GridStateEventArgs<Employee> args) => GridStateChanged(args))">
     <GridToolBar>
         <GridSearchBox Placeholder="Search by Name" />
     </GridToolBar>
@@ -56,59 +55,44 @@ Here is an example:
     </GridColumns>
 </TelerikGrid>
 
-@code {
-    private List<Employee> SourceData { get; set; }
-    private string output { get; set; }
-    private DataSourceRequest CurrentRequest { get; set; }
+<p>Current Search: @CurrentSearchValue</p>
 
-    private void GetFilters()
-    {
-        output = string.Empty;
+@code {
+    private TelerikGrid<Employee> GridRef { get; set; }
+    private string CurrentSearchValue { get; set; } = string.Empty;
 
-        foreach (var item in CurrentRequest.Filters)
-        {
-            if (item is FilterDescriptor) // filter row
-            {
-                FilterDescriptor currFilter = item as FilterDescriptor;
-                output += $"field: {currFilter.Member}, operator {currFilter.Operator}, value: {currFilter.Value}<br />";
-            }
+    private List<Employee> Employees { get; set; } = new();
 
-            if (item is CompositeFilterDescriptor) // filter menu
-            {
-                CompositeFilterDescriptor currFilter = item as CompositeFilterDescriptor;
-                output += $"START nested filter: logical operator: {currFilter.LogicalOperator}, details:<br />";
-                
-                foreach (FilterDescriptor nestedFilter in currFilter.FilterDescriptors)
-                {
-
-                    output += $"field: {nestedFilter.Member}, operator {nestedFilter.Operator}, value: {nestedFilter.Value}<br />";
-                }
-                output += "END nested filter<br />";
-            }
-        }
+    protected override void OnInitialized()
+    {
+        Employees = GenerateData();
     }
 
-    protected async Task ReadItems(GridReadEventArgs args)
+    private void GridStateChanged(GridStateEventArgs<Employee> args)
     {
-        CurrentRequest = args.Request; //store the current request for later use
-
-        await Task.Delay(1000); //simulate network delay from a real async call
-
-        var datasourceResult = SourceData.ToDataSourceResult(args.Request);
+        // Capture search value whenever the grid state changes
+        CurrentSearchValue = ExtractSearchValue(args.GridState);
+    }
 
-        args.Data = datasourceResult.Data;
-        args.Total = datasourceResult.Total;
+    private void GetSearchValue()
+    {
+        // Or retrieve the current search value on demand
+        var gridState = GridRef.GetState();
+        CurrentSearchValue = ExtractSearchValue(gridState);
     }
 
-    protected override void OnInitialized()
+    private string ExtractSearchValue(GridState<Employee> gridState)
     {
-        SourceData = GenerateData();
+        return (gridState.SearchFilter as CompositeFilterDescriptor)?
+            .FilterDescriptors.OfType<FilterDescriptor>()
+            .FirstOrDefault()?.Value?.ToString() ?? string.Empty;
     }
 
     private List<Employee> GenerateData()
     {
         var result = new List<Employee>();
         var rand = new Random();
+
         for (int i = 0; i < 100; i++)
         {
             result.Add(new Employee()
@@ -134,4 +118,4 @@ Here is an example:
 ## See Also
 
 * [Grid SearchBox](slug:grid-searchbox)
-* [Grid OnRead](slug:components/grid/manual-operations)
+* [Grid State](slug:grid-state)