Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/_config-mvc.yml

@@ -62,6 +62,7 @@ knowledge-base/upload-resize-image-before-upload.md,
 knowledge-base/validator-basic-form-validation.md,
 knowledge-base/vs-online-continuous-integration-login-problem.md,
 knowledge-base/grid-toggle-editable-mode.md,
+html-helpers/data-management/grid/binding/local.md,
 html-helpers/data-management/filemanager/binding/razor-page.md,
 html-helpers/datasource/razor-page.md,
 html-helpers/conversational-ui/chat/razor-page.md,

docs-aspnet/_config.yml

@@ -623,10 +623,10 @@ navigation:
 baseurl: /aspnet-core
 
 ## The Kendo UI version used
-cdnVersion: "2022.1.412"
+cdnVersion: "2022.2.510"
 
 ## The MVC Core version used
-mvcCoreVersion: "2022.1.412"
+mvcCoreVersion: "2022.2.510"
 
 ff-sheet-id: 1mottKpkbJFxkUq6rS3CsPrT8JQOE2JlUtsJBR622cxs
 

docs-aspnet/cloud-integration/amazon-web-services/s3-storage.md

@@ -144,7 +144,7 @@ private string Policy(S3Config config)
             new { acl = config.Acl },
             new [] { "starts-with", "$success_action_redirect", "" },
             new [] { "starts-with", "$Content-Type", config.ContentTypePrefix },
-            new Dictionary<string, string> {{ "x-amz-meta-uuid", config.Uuid.ToString() }}
+            new Dictionary<string, string> {% raw %} {{ "x-amz-meta-uuid", config.Uuid.ToString() }} {% endraw %}
         }
     });
 

docs-aspnet/html-helpers/data-management/grid/binding/local.md

@@ -7,7 +7,6 @@ slug: htmlhelpers_grid_aspnetcore_localbinding
 position: 3
 ---
 
-{% if site.core %}
 # Local Binding
 
 When configured for local binding, the Grid for {{ site.framework }} will serialize the data as part of its data source and will perform all data operations, such as paging, sorting, filtering, grouping, and aggregating, on the client.
@@ -85,212 +84,4 @@ To configure the Grid for {{ site.framework }} to do local binding:
 
 * [Custom Ajax Binding by the Grid HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/customajaxbinding)
 * [Knowledge Base Section](/knowledge-base)
-* [Server-Side API](/api/grid)
-
-{% else %}
-
-# Server Binding
-
-By default, the Telerik UI Grid for ASP.NET MVC performs server-side requests (`HTTP` and `GET`) when doing paging, sorting, and filtering.
-
-## Supported Client-Side Events
-
-The Grid supports the following client-side events when it is in server binding mode:
-
-- `Change`
-- `ColumnHide`
-- `ColumnMenuInit`
-- `ColumnReorder`
-- `ColumnResize`
-- `ColumnShow`
-- `DetailCollapse`
-- `DetailExpand`
-- `ExcelExport`
-- `FilterMenuInit`
-- `PdfExport`
-- `GroupExpand`—The group object that is associated with group row will be empty in server binding scenario.
-- `GroupCollapse`—The group object that is associated with group row will be empty in server binding scenario.
-
-> * The other client-side events, which are related to data-binding and CRUD data operations, will not be raised when the Grid is configured for server binding.
-> * Locked columns are not supported. To support locked columns, use [Ajax binding]({% slug htmlhelpers_grid_aspnetcore_ajaxbinding %}) instead.
-> * Showing or hiding of columns and reordering with the `GroupHeaderColumnTemplate` in server-binding scenarios is not supported. The reason is that in server-binding scenarios the Kendo UI for jQuery DataSource instance does not have groups and aggregates information. Therefore, the templates for the group rows cannot be compiled on the client side. If your project requires such a scenario, use [Ajax binding]({% slug htmlhelpers_grid_aspnetcore_ajaxbinding %}).
-
-## Getting Started
-
-To bind the Grid to data, set its data source and render the view by using any of the following approaches:
-
-* [Bind to the view model](#binding-to-the-view-model)
-* [Bind to items from `ViewData` or `ViewBag`](#using-the-viewdata-or-viewbag-items-binding)
-* [Use the `BindTo` method](#applying-the-bindto-method)
-* [Pass additional data to an action method](#passing-additional-data-to-action-methods)
-
-## Binding to the View Model
-
-To download the Visual Studio Project, refer to [this GitHub repository](https://github.com/telerik/ui-for-aspnet-mvc-examples/tree/master/grid/server-binding).
-
-```Controller
-    public ActionResult Index()
-    {
-        var northwind = new NorthwindEntities();
-        var products = northwind.Products;
-        return View(products);
-    }
-```
-```Razor
-    @model IEnumerable<KendoGridServerBinding.Models.Product>
-
-    @(Html.Kendo().Grid(Model) //Bind the Grid to the Model property of the view.
-        .Name("Grid")
-        .Columns(columns =>
-        {
-            columns.Bound(p => p.ProductID);   // Create a column bound to the "ProductID" property
-            columns.Bound(p => p.ProductName); // Create a column bound to the "ProductName" property
-            columns.Bound(p => p.UnitPrice);   // Create a column bound to the "UnitPrice" property
-            columns.Bound(p => p.UnitsInStock);// Create a column bound to the "UnitsInStock" property
-        })
-        .Pageable() //Enable paging.
-    )
-```
-
-## Using the ViewData or ViewBag Items Binding
-
-The following example demonstrate how to apply data binding with `ViewData` or `ViewBag`.
-
-```Controller
-    public ActionResult Index()
-    {
-        var products = new NorthwindDataContext().Products;
-
-        ViewData["products"] = products;
-
-        return View();
-    }
-```
-```Razor
-    @(Html.Kendo().Grid((IEnumerable<MvcApplication1.Models.Product>)ViewData["products"])
-        .Name("Grid")
-        .Columns(columns =>
-        {
-            columns.Bound(p => p.ProductID);
-            columns.Bound(p => p.ProductName);
-            columns.Bound(p => p.UnitPrice);
-            columns.Bound(p => p.UnitsInStock);
-        })
-    )
-```
-
-## Applying the BindTo Method
-
-The following example demonstrates how to bind the Grid to data by using the `BindTo` method.
-
-```Controller
-    public ActionResult Index()
-    {
-        var products = new NorthwindDataContext().Products;
-
-        ViewBag.Products = products;
-
-        return View();
-    }
-```
-```Razor
-    @(Html.Kendo().Grid<MvcApplication1.Models.Product>() // Specify the type of the grid
-        .Name("Grid")
-        .BindTo((IEnumerable<MvcApplication1.Models.Product>)ViewBag.Products)
-        .Columns(columns =>
-        {
-            columns.Bound(p => p.ProductID);
-            columns.Bound(p => p.ProductName);
-            columns.Bound(p => p.UnitPrice);
-            columns.Bound(p => p.UnitsInStock);
-        })
-    )
-```
-
-The Grid makes `HTTP GET` requests to the action method which initially renders the view. The Grid page, sort, filter, and group information is passed as query string parameters.
-
-For more information on how a typical URL looks like, refer to [this location](http://localhost:4939/?Grid-sort=ProductName-asc&amp;Grid-page=2\). The `Name` of the Grid will be used as a prefix of the query string parameters. In this way, more than one server-bound Grid can coexist in the same view. The prefix can be disabled through the `PrefixUrlParameters` method.
-
-    <%: Html.Kendo().Grid(Model)
-        .Name("Grid")
-        .PrefixUrlParameters(false)
-    %>
-
-## Passing Additional Data to Action Methods
-
-The action method which renders the view that contains the Grid may need additional data.
-
-```Controller
-    public ActionResult Index(string firstName, string lastName)
-    {
-        var products = new NorthwindDataContext().Products;
-
-        return View(products);
-    }
-```
-```Razor
-    @(Html.Kendo().Grid(Model)
-        .Name("Grid")
-        .DataSource(dataSource => dataSource
-            .Server() // Specify server type
-            .Read(read => read.Action("Index", "Home", new { firstName = "John", lastName = "Doe } ))
-        )
-    )
-```
-
-## Setting Up the Sample Project
-
-1. Create a new ASP.NET MVC 5 application. If you have installed the [Telerik UI for ASP.NET MVC Visual Studio Extensions]({% slug overview_visualstudio_aspnetmvc %}), create a Telerik UI for ASP.NET MVC application. Name the application `KendoGridServerBinding`. If you decided not to use the Telerik UI for ASP.NET MVC Visual Studio Extensions, follow the steps from the [First Steps article]({% slug gettingstarted_aspnetmvc %}) to add Telerik UI for ASP.NET MVC to the application.
-1. Add a new `Entity Framework Data Model`. Right-click the `~/Models` folder in the solution explorer and pick **Add new item**. Choose **Data** > **ADO.NET Entity Data Model** in the **Add New Item** dialog. Name the model `Northwind.edmx` and click **Next**. This starts the **Entity Data Model Wizard**.
-
-    ![A new entity data model](../images/grid-entity-data-model.png)
-
-1.  Pick the **Generate from database** option and click **Next**. Configure a connection to the Northwind database. Click **Next**.
-
-    ![Choosing the connection](../images/grid-entity-data-model.png)
-
-1. Choose the **Products** table from the `Which database objects do you want to include in your model?`. Leave all other options as they are set by default. Click **Finish**.
-
-    ![Choosing the Products table](../images/grid-database-objects.png)
-
-1. Open **HomeController.cs** and modify the `Index` action method.
-
-        public ActionResult Index()
-        {
-            ViewBag.Message = "Welcome to ASP.NET MVC!";
-            var northwind = new NorthwindEntities();
-            // Get the Products entities and add them to the ViewBag.
-            ViewBag.Products = northwind.Products;
-            return View();
-        }
-
-1. Add a Kendo UI Grid to the `Index` view.
-
-    ```Razor
-        @(Html.Kendo().Grid((IEnumerable<KendoGridServerBinding.Models.Product>)ViewBag.Products) //Bind the grid to ViewBag.Products
-            .Name("grid")
-            .Columns(columns =>
-            {
-                // Create a column bound to the ProductID property.
-                columns.Bound(product => product.ProductID);
-                // Create a column bound to the ProductName property.
-                columns.Bound(product => product.ProductName);
-                // Create a column bound to the UnitsInStock property.
-                columns.Bound(product => product.UnitsInStock);
-            })
-            .Pageable() //Enable the paging.
-            .Sortable() //Enable the sorting.
-        )
-    ```
-
-1. Build and run the application.
-
-    ![The final result](../images/grid-bound-grid.png)
-
-## See Also
-
-* [Binding the Grid HtmlHelper for ASP.NET MVC to Data (Demos)](https://demos.telerik.com/aspnet-mvc/grid/local-data-binding)
-* [Ajax Binding by the Grid HtmlHelper for ASP.NET MVC]({% slug htmlhelpers_grid_aspnetcore_ajaxbinding %})
-* [Server-Side API](/api/grid)
-
-{% endif %}
+* [Server-Side API](/api/grid)

docs-aspnet/html-helpers/data-management/grid/binding/overview.md

@@ -11,7 +11,11 @@ position: 1
 
 Depending on the configuration of its [DataSource]({% slug htmlhelpers_datasource_aspnetcore %}), the {{ site.product_short }} Grid provides different types of data binding. 
 
+*{% if site.core %}
 * [Local data binding]({% slug htmlhelpers_grid_aspnetcore_localbinding %})
+{% else %}
+* [Server binding binding]({% slug serverbinding_grid_aspnetmvc %})
+{% endif %}
 * [Remote data binding]({% slug htmlhelpers_grid_aspnetcore_ajaxbinding %})
 * [SignalR data binding]({% slug htmlhelpers_grid_aspnetcore_signalrbinding %})
 * [Custom Binding]({% slug custombinding_grid_aspnetmvc %}){% if site.mvc %} 

docs-aspnet/html-helpers/data-management/grid/scaffolding.md

@@ -90,7 +90,11 @@ To scaffold the Grid HtmlHelper for ASP.NET MVC:
 
 	From this screen, you can select the Grid events to which you want to attach handlers.
 
-	> Not all events are supported in the server-binding mode. To see the complete list, refer to [this article]({% slug htmlhelpers_grid_aspnetcore_localbinding %}#supported-client-side-events).
+	{% if site.core %}
+	> Not all events are supported in the local-binding mode. To see the complete list, refer to [this article]({% slug htmlhelpers_grid_aspnetcore_localbinding %}#supported-client-side-events).
+	{% else %}
+	> Not all events are supported in the server-binding mode. To see the complete list, refer to [this article]({% slug serverbinding_grid_aspnetmvc %}#supported-client-side-events).
+	{% endif %}
 
 1. When finished with the Grid configuration, click **Add** at the bottom. The Grid Controller and the corresponding View are now generated.
 

docs-aspnet/html-helpers/data-management/grid/troubleshoot/troubleshooting.md

@@ -46,7 +46,7 @@ The causes of this issue are various.
 {% else %}
     When configured for server binding, the Kendo UI Grid for ASP.NET MVC does not fire all client-side events.
 
-**Solution** For more information on how to resolve this issue, refer to the [article on server binding of the Grid]({% slug htmlhelpers_grid_aspnetcore_localbinding %}#supported-client-side-events).
+**Solution** For more information on how to resolve this issue, refer to the [article on server binding of the Grid]({% slug serverbinding_grid_aspnetmvc %}#supported-client-side-events).
 
 For an Ajax() bound Grid, make sure that the `.ServerOperation(false)` property is disabled.
 {% endif %}

docs-aspnet/html-helpers/editors/listbox/accessibility/keyboard-navigation.md

@@ -14,7 +14,8 @@ The ListBox supports its keyboard navigation functionality through the `Navigata
 
 The following example demonstrates how to enable the key navigation in the ListBox.
 
-```
+```HtmlHelper
+
     @(Html.Kendo().ListBox()
         .Name("listbox")
         .ConnectWith("listbox2")
@@ -35,7 +36,36 @@ The following example demonstrates how to enable the key navigation in the ListB
         .Selectable(ListBoxSelectable.Single)
         .Navigatable(true) // Enable the keyboard navigation
     )
+
+```
+{% if site.core %}
+```TagHelper
+    @{
+        var products = new List<ProductViewModel>();
+    }
+     <kendo-listbox name="listbox"
+                    connect-with="listbox2"
+                    datavaluefield="ProductID"
+                    datatextfield="ProductName"
+                    selectable="ListBoxSelectable.Multiple"
+                    navigatable="true">
+            <datasource>
+                <transport>
+                    <read url="@Url.Action("GetProducts", "ListBox")"/>
+                </transport>
+            </datasource>
+     </kendo-listbox>
+
+     <kendo-listbox name="listbox2"
+                    bind-to="products"
+                    datavaluefield="ProductID"
+                    datatextfield="ProductName"
+                    selectable="ListBoxSelectable.Single"
+                    navigatable="true">
+     </kendo-listbox>
+
 ```
+{% endif %}
 
 ## See Also
 

docs-aspnet/html-helpers/editors/listbox/binding/local.md

@@ -38,6 +38,26 @@ When you use complex data objects, use the `DataTextField` and `DataValueField`
         .Selectable(ListBoxSelectable.Multiple)
     )
 ```
+{% if site.core %}
+```TagHelper
+
+    @{
+        var tools = new string[] { "moveUp", "moveDown", "transferTo", "transferFrom", "transferAllTo", "transferAllFrom", "remove" };
+        var selectedItems = new List<SelectListItem>();
+    }
+
+    <kendo-listbox name="optional"
+                    connect-with="selected"
+                    bind-to="@ViewBag.Attendees">
+            <toolbar position="ListBoxToolbarPosition.Right"
+                        tools="tools"/>
+    </kendo-listbox>
+    <kendo-listbox name="selected"
+                    bind-to="selectedItems"
+                    selectable="ListBoxSelectable.Multiple">
+    </kendo-listbox>
+```
+{% endif %}
 ```IndexController.cs
     using System;
     using System.Collections.Generic;
@@ -51,15 +71,14 @@ When you use complex data objects, use the `DataTextField` and `DataValueField`
         {
             public IActionResult Index()
             {
-                ViewBag.Attendees = new List<string>
+                ViewBag.Attendees = new List<SelectListItem>
                 {
-                    "Steven White",
-                    "Nancy King",
-                    "Nancy Davolio",
-                    "Robert Davolio",
-                    "Michael Leverling",
-                    "Andrew Callahan",
-                    "Michael Suyama"
+                    new SelectListItem(){ Value = "1", Text = "Steven White" },
+                    new SelectListItem(){ Value = "2", Text = "Nancy King" },
+                    new SelectListItem(){ Value = "3", Text = "Nancy Davolio" },
+                    new SelectListItem(){ Value = "4", Text = "Michael Leverling" },
+                    new SelectListItem(){ Value = "5", Text = "Andrew Callahan" },
+                    new SelectListItem(){ Value = "6", Text = "Michael Suyama" }
                 };
 
                 return View();