chore(treelist): fix snippets

Author: ntacheva

components/treelist/columns/command.md

@@ -56,6 +56,7 @@ There are four built-in commands:
 
 The command column provides access to the data item via `context`. This may be useful for conditional statements or passing parameters to custom business logic.
 
+<div class="skip-repl"></div>
 ```razor
 <TreeListCommandColumn>
     @{

components/treelist/editing/overview.md

@@ -641,6 +641,7 @@ There are a few considerations to keep in mind with the CUD operations of the tr
 
 * When an input receives an `EditContext` (usually comes down as a cascading parameter), the framework also requires a `ValueExpression`. If you use two-way binding (the `@bind-Value` syntax), the `ValueExpression` is deducted from there. However, if you use only the `Value` property, you have to pass the `ValueExpression` yourself. This is a lambda expression that tells the framework what field in the model to update. The following sample demonstrates how to achieve that. You can also check the [Requires a value for ValueExpression]({%slug common-kb-requires-valueexpression%}) knowledge base article for more details.
 
+<div class="skip-repl"></div>
 ````CSHTML
 <EditorTemplate>
     <TelerikTextBox Value="@myModel.MyField"

components/treelist/events.md

@@ -1203,8 +1203,6 @@ The `OnRowContextMenu` event handler receives a `TreeListRowClickEventArgs` argu
         var clickedRow = args.Item as Employee;
 
         logger = $"OnRowContextMenu event fired from right clicking on {clickedRow.Name}";
-		
-        @[template](/_contentTemplates/common/click-events.md#rowclick-args-example)
     }
 
     public List<Employee> Data { get; set; }

components/treelist/selection/rows.md

@@ -31,7 +31,7 @@ To enable row selection:
 >caption TreeList multiple row selection
 
 ````CSHTML
-<<TelerikTreeList Data="@TreeListData"
+<TelerikTreeList Data="@TreeListData"
                   IdField="@nameof(Employee.Id)"
                   ParentIdField="@nameof(Employee.ParentId)"
                   SelectionMode="@TreeListSelectionMode.Multiple"

components/treelist/templates/filter.md

@@ -57,29 +57,29 @@ For example, try filtering with a Min value of 50+ to leave only root-level item
     <TreeListColumns>
         <TreeListColumn Field="Name" Expandable="true" Width="320px" Filterable="false" />
         <TreeListColumn Field="Id" Filterable="false" Width="100px" />
-            <TreeListColumn Field="Age" Width="350px">
-                <FilterCellTemplate>
-                    @{
-                        // we store a reference to the filter context to use in the business logic
-                        // you can also use it inline in the template, like with the Clear button below
-                        theFilterContext = context;
-                    }
-
-                    <label for="min">Min:&nbsp;</label>
-                    <TelerikNumericTextBox Id="min"
-                                           @bind-Value="@MinValue"
-                                           OnChange="@SetupFilterRule">
-                    </TelerikNumericTextBox>
-                    <label for="min">Max:&nbsp;</label>
-                    <TelerikNumericTextBox Id="max"
-                                           @bind-Value="@MaxValue"
-                                           OnChange="@SetupFilterRule">
-                    </TelerikNumericTextBox>
-                    <TelerikButton ButtonType="ButtonType.Button"
-                                   Class="k-clear-button-visible ml-2"
-                                   Icon="@SvgIcon.FilterClear"
-                                   Enabled="@( MinValue != null || MaxValue != null )"
-                                   OnClick="@(async () =>
+        <TreeListColumn Field="Age" Width="350px">
+            <FilterCellTemplate>
+                @{
+                    // we store a reference to the filter context to use in the business logic
+                    // you can also use it inline in the template, like with the Clear button below
+                    AgeFilterContext = context;
+                }
+
+                <label for="min">Min:&nbsp;</label>
+                <TelerikNumericTextBox Id="min"
+                                       @bind-Value="@MinValue"
+                                       OnChange="@SetupFilterRule">
+                </TelerikNumericTextBox>
+                <label for="min">Max:&nbsp;</label>
+                <TelerikNumericTextBox Id="max"
+                                       @bind-Value="@MaxValue"
+                                       OnChange="@SetupFilterRule">
+                </TelerikNumericTextBox>
+                <TelerikButton ButtonType="ButtonType.Button"
+                               Class="k-clear-button-visible ml-2"
+                               Icon="@SvgIcon.FilterClear"
+                               Enabled="@( MinValue != null || MaxValue != null )"
+                               OnClick="@(async () =>
                                           {
                                               MinValue = MaxValue = null;
 
@@ -181,7 +181,6 @@ For example, try filtering with a Min value of 50+ to leave only root-level item
             margin: unset;
         }
 </style>
-
 ````
 
 ## Filter Menu Template