Sync with Kendo UI Professional

Author: kendo-bot

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

@@ -17,7 +17,12 @@ By using the Grid clipboard functionality, you enable the user to perform the fo
 The paste operation supports two interaction modes:
 
 * [Replace](#replace-mode)—Replaces the Grid cell content with the copied content.
-* [Insert](#insert-mode)—Inserts the copied content as a new Grid row.
+* [Insert](#insert-mode)—Inserts the copied content as a new Grid row.  
+
+For runnable examples, refer to the following demos:
+* [Using the Grid clipboard functionality (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/paste-from-excel)
+* [Using the functionality to copy content from the Grid to Excel (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/copy-to-excel)
+* [Using the selection and export of the Grid to Excel (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/selection-export)
 
 ## Getting Started
 
@@ -98,7 +103,7 @@ To activate the Replace mode, select the **Paste (Replace)** option in the Toolb
 ```HtmlHelper
     @(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()
         .Name("grid")
-        .ToolBar(toolBar => toolBar.Paste())
+        .ToolBar(toolBar => toolBar.Paste()) // Displays a toolbar with a dropdown to select the paste mode.
         ...
     )
 ```
@@ -128,7 +133,7 @@ To activate the Insert mode select the **Paste (Insert)** option in the Toolbar
 ```HtmlHelper
     @(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()
         .Name("grid")
-        .ToolBar(toolBar => toolBar.Paste())
+        .ToolBar(toolBar => toolBar.Paste()) // Displays a toolbar with a dropdown to select the paste mode.
         ...
     )
 ```

docs-aspnet/html-helpers/layout/window/positioning.md

@@ -12,7 +12,9 @@ You can dynamically adjust the position of the Window by using its [API](/api/wi
 
 Usually, it is preferable to center the Window rather than open it near the HTML element which is used to define its content. Often, the Window is opened as a result of a user action rather than of the `load` event of the page. Basically, the widget can be initialized as non-visible and can be opened when needed.
 
-The following example demonstrates how to center and open a Kendo UI for jQuery Window on a button click. If the content is loaded through Ajax, [centering occurs after the request is complete]({% slug htmlhelpers_window_loadingcontent_aspnetcore %}#load-on-demand-content).
+## Centered Window
+
+The following example demonstrates how to center and open a Window component with a button click. If the Window's content is loaded through AJAX, [the centering occurs after the request is complete]({% slug htmlhelpers_window_loadingcontent_aspnetcore %}#load-on-demand-content).
 
 ```HtmlHelper
     @(Html.Kendo().Window()
@@ -54,6 +56,30 @@ The following example demonstrates how to center and open a Kendo UI for jQuery
 
 ```
 
+## Custom Positioned Window
+
+To set a custom position of the Window, use the [`Position()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/windowbuilder#positionsystemaction) option. 
+
+```HtmlHelper
+@(Html.Kendo().Window()
+    .Name("window")
+    .Title("Custom Positioned Window")
+    .Position(settings =>
+        settings.Top(50).Left(100)
+    )
+    .Content(@<text>
+        Window content here.
+    </text>)
+)
+```
+{% if site.core %}
+```TagHelper
+<kendo-window name="window" title="Custom Positioned Window" position-top="50px" position-left="100px">
+        <content>Window content here.</content>
+</kendo-window>
+```
+{% endif %}
+
 ## See Also
 
 * [Server-Side API](/api/window)

docs-aspnet/html-helpers/navigation/treeview/binding.md

@@ -135,6 +135,25 @@ private IEnumerable<TreeViewItemModel> GetData()
     return inline;
 }
 ```
+```TreeViewItemModel
+public class TreeViewItemViewModel
+{
+	public string Id { get; set; }
+    public bool Expanded { get; set; }
+    public bool Encoded { get; set; }
+    public string Text { get; set; }
+    public string SpriteCssClass { get; set; }
+    public string Url { get; set; }
+    public string ImageUrl { get; set; }
+    public bool HasChildren { get; set; }
+    public bool Checked { get; set; }
+    public List<TreeViewItemModel> Items { get; set; }
+    public IDictionary<string, string> HtmlAttributes { get; set; }
+    public IDictionary<string, string> ImageHtmlAttributes { get; set; }
+    public IDictionary<string, string> LinkHtmlAttributes { get; set; }
+	public bool Selected { get; set; }
+}
+```
 
 ## Remote Data Binding
 
@@ -169,11 +188,11 @@ public static IList<HierarchicalViewModel> GetHierarchicalData()
 {
     var result = new List<HierarchicalViewModel>()
     {
-        new HierarchicalViewModel() { ID = 1, ParendID = null, HasChildren = true, Name = "Parent item" },
-        new HierarchicalViewModel() { ID = 2, ParendID = 1, HasChildren = true, Name = "Parent item" },
-        new HierarchicalViewModel() { ID = 3, ParendID = 1, HasChildren = false, Name = "Item" },
-        new HierarchicalViewModel() { ID = 4, ParendID = 2, HasChildren = false, Name = "Item" },
-        new HierarchicalViewModel() { ID = 5, ParendID = 2, HasChildren = false, Name = "Item" }
+        new HierarchicalViewModel() { ID = 1, ParentID = null, HasChildren = true, Name = "Parent item" },
+        new HierarchicalViewModel() { ID = 2, ParentID = 1, HasChildren = true, Name = "Parent item" },
+        new HierarchicalViewModel() { ID = 3, ParentID = 1, HasChildren = false, Name = "Item" },
+        new HierarchicalViewModel() { ID = 4, ParentID = 2, HasChildren = false, Name = "Item" },
+        new HierarchicalViewModel() { ID = 5, ParentID = 2, HasChildren = false, Name = "Item" }
     };
 
     return result;
@@ -182,7 +201,7 @@ public static IList<HierarchicalViewModel> GetHierarchicalData()
 public IActionResult Read_TreeViewData(int? id)
 {
     var result = GetHierarchicalData()
-        .Where(x => id.HasValue ? x.ParendID == id : x.ParendID == null)
+        .Where(x => id.HasValue ? x.ParentID == id : x.ParentID == null)
         .Select(item => new {
             id = item.ID,
             Name = item.Name,
@@ -228,6 +247,17 @@ public ActionResult Read_TreeViewData(int? id)
 {% endif %}
 
 
+```HierarchicalViewModel
+public class HierarchicalViewModel
+{
+	public int ID { get; set; }
+	public int? ParentID { get; set; }
+    public bool HasChildren { get; set; }
+    public string Name { get; set; }
+    public bool Expanded { get; set; }
+    public string ImageUrl { get; set; }
+}
+```
 
 By default, the TreeView sends to the remote endpoint the `id` of the expanded node. To [send additional data]({% slug htmlhelpers_datasource_aspnetcore %}#pass-additional-data-to-action-methods) use the DataSource `Data` method and provide the name of a JavaScript function which will return a JavaScript object with the additional data.
 

docs-aspnet/knowledge-base/form-cancel-button.md

@@ -97,7 +97,7 @@ To achieve the desired scenario:
 
 ## More {{ site.framework }} Form Resources
 
-* [{{ site.framework }} Form Documentation](({%slug htmlhelpers_form_aspnetcore_overview%})
+* [{{ site.framework }} Form Documentation]({%slug htmlhelpers_form_aspnetcore_overview%})
 
 * [{{ site.framework }} Form Demos](https://demos.telerik.com/{{ site.platform }}/form)
 

docs-aspnet/knowledge-base/form-dynamic-fields.md

@@ -180,7 +180,7 @@ For a runnable example based on the code above, refer to the [REPL example on dy
 
 ## More {{ site.framework }} Form Resources
 
-* [{{ site.framework }} Form Documentation](({%slug htmlhelpers_form_aspnetcore_overview%})
+* [{{ site.framework }} Form Documentation]({%slug htmlhelpers_form_aspnetcore_overview%})
 
 * [{{ site.framework }} Form Demos](https://demos.telerik.com/{{ site.platform }}/form)
 

docs-aspnet/knowledge-base/form-in-strongly-typed-view.md

@@ -28,7 +28,7 @@ For the complete implementation on how to create a strongly typed form in a view
 
 ## More {{ site.framework }} Form Resources
 
-* [{{ site.framework }} Form Documentation](({%slug htmlhelpers_form_aspnetcore_overview%})
+* [{{ site.framework }} Form Documentation]({%slug htmlhelpers_form_aspnetcore_overview%})
 
 * [{{ site.framework }} Form Demos](https://demos.telerik.com/{{ site.platform }}/form)
 

docs-aspnet/knowledge-base/form-validate-compare-attribute.md

@@ -95,7 +95,7 @@ You can achieve this by extending the Form's built-in Kendo Validator:
 
 ## More {{ site.framework }} Form Resources
 
-* [{{ site.framework }} Form Documentation](({%slug htmlhelpers_form_aspnetcore_overview%})
+* [{{ site.framework }} Form Documentation]({%slug htmlhelpers_form_aspnetcore_overview%})
 
 * [{{ site.framework }} Form Demos](https://demos.telerik.com/{{ site.platform }}/form)
 

src/kendo.autocomplete.js

@@ -85,7 +85,6 @@ var __meta__ = {
             }
 
             that._wrapper();
-            that._loader();
             that._clearButton();
 
             that._dataSource();
@@ -143,8 +142,7 @@ var __meta__ = {
             that.listView.bind("click", function(e) { e.preventDefault(); });
 
             that._resetFocusItemHandler = that._resetFocusItem.bind(that);
-
-            addInputPrefixSuffixContainers({ widget: that, wrapper: that.wrapper, options: that.options, prefixInsertBefore: that._inputValuesContainer, suffixInsertAfter: that._loading });
+            addInputPrefixSuffixContainers({ widget: that, wrapper: that.wrapper, options: that.options, prefixInsertBefore: that._inputValuesContainer, suffixInsertAfter: options.clearButton ? that._clear : that.element });
 
             kendo.notify(that);
             that._toggleCloseVisibility();
@@ -247,8 +245,8 @@ var __meta__ = {
             if (that.dataSource && that._refreshHandler) {
                 that._unbindDataSource();
             } else {
-                that._progressHandler = that._showBusy.bind(that);
-                that._errorHandler = that._hideBusy.bind(that);
+                that._progressHandler = that._showBusy;
+                that._errorHandler = that._hideBusy;
             }
 
             that.dataSource = DataSource.create(that.options.dataSource)
@@ -757,29 +755,6 @@ var __meta__ = {
             }
         },
 
-        _hideBusy: function() {
-            var that = this;
-            clearTimeout(that._busy);
-            that._loading.addClass(HIDDENCLASS);
-            that.element.attr("aria-busy", false);
-            that._busy = null;
-            that._toggleCloseVisibility();
-        },
-
-        _showBusy: function() {
-            var that = this;
-
-            if (that._busy) {
-                return;
-            }
-
-            that._busy = setTimeout(function() {
-                that.element.attr("aria-busy", true);
-                that._loading.removeClass(HIDDENCLASS);
-                that._hideClear();
-            }, 100);
-        },
-
         _placeholder: function(show) {
             if (placeholderSupported) {
                 return;
@@ -859,10 +834,6 @@ var __meta__ = {
             });
         },
 
-        _loader: function() {
-            this._loading = $('<span class="k-icon k-i-loading k-input-loading-icon ' + HIDDENCLASS + '"></span>').insertAfter(this.element);
-        },
-
         _clearButton: function() {
             List.fn._clearButton.call(this);
 

src/kendo.combobox.js

@@ -42,7 +42,6 @@ var __meta__ = {
         DISABLED = "disabled",
         READONLY = "readonly",
         CHANGE = "change",
-        LOADING = "k-i-loading k-input-loading-icon",
         FOCUSED = "k-focus",
         STATEDISABLED = "k-disabled",
         ARIA_DISABLED = "aria-disabled",
@@ -921,16 +920,6 @@ var __meta__ = {
                 });
         },
 
-        _hideBusy: function() {
-            var that = this;
-            clearTimeout(that._busy);
-            that._arrowIcon.removeClass(LOADING);
-            that._arrowIcon.find("svg").show();
-            that._focused.attr("aria-busy", false);
-            that._busy = null;
-            that._toggleCloseVisibility();
-        },
-
         _click: function(e) {
             var that = this;
             var item = e.item;

src/kendo.dropdownlist.js

@@ -633,10 +633,14 @@ var __meta__ = {
             this._prevent = false;
         },
 
-        _focusoutHandler: function() {
+        _focusoutHandler: function(e) {
             var that = this;
             var isIFrame = window.self !== window.top;
 
+            if (that.wrapper.find(e.relatedTarget).length > 0) {
+                return;
+            }
+
             if (!that._prevent) {
                 clearTimeout(that._typingTimeout);
 
@@ -1244,7 +1248,7 @@ var __meta__ = {
             span = wrapper.find(SELECTOR);
 
             if (!span[0]) {
-                arrowBtn = html.renderButton('<span role="button" class="k-input-button" aria-label="select"></span>', {
+                arrowBtn = html.renderButton('<button role="button" tabindex="-1" class="k-input-button" aria-label="select"></button>', {
                     icon: "caret-alt-down",
                     size: options.size,
                     fillMode: options.fillMode,