Sync with Kendo UI Professional

Kendo Bot · Kendo Bot · commit ab5ed340f7ae · 2018-02-06T04:58:50.000+02:00
diff --git a/docs-aspnet-core/_layouts/all-pages-staging.html b/docs-aspnet-core/_layouts/all-pages-staging.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+    </head>
+    <body>
+      {% capture site_url %}{% if site.url %}{{ site.url }}{% else %}{{ site.github.url }}{% endif %}{% endcapture %}
+      {% for post in site.html_pages %}
+        <a href="https://kendobuild.telerik.com/aspnet-core{{ post.url | replace:'.html','' }}">https://kendobuild.telerik.com/aspnet-core{{ post.url | replace:'.html','' }}</a>
+      {% endfor %}
+    </body>
+</html>
diff --git a/docs-aspnet-core/all-pages.md b/docs-aspnet-core/all-pages.md
@@ -0,0 +1,4 @@
+---
+publish: false
+layout: all-pages-staging
+---
diff --git a/docs-aspnet-core/getting-started/getting-started.md b/docs-aspnet-core/getting-started/getting-started.md
@@ -9,20 +9,19 @@ position: 1
 
 # Getting Started with Progress<sup>®</sup> Telerik<sup>®</sup> UI for ASP.NET Core
 
-This article demonstrates how to configure an ASP.NET Core project to use Telerik UI for ASP.NET Core in Visual Studio 2017.
+This article demonstrates how to configure an ASP.NET Core project to use Telerik UI for ASP.NET Core in Visual Studio (VS) 2017.
 
 ## Prerequisites
 
-The prerequisites for creating and running an ASP.NET Core on Windows with Visual Studio 2017 are described on the [.NET Core documentation site](https://docs.microsoft.com/en-us/dotnet/core/windows-prerequisites).
+The prerequisites for creating and running an ASP.NET Core on Windows with VS 2017 are described on the [.NET Core documentation site](https://docs.microsoft.com/en-us/dotnet/core/windows-prerequisites).
 
 > **Important**
 >
-> It's possible to use Visual Studio 2015 only for .NET Core 1.x development, but it's not recommended for the following reasons:
+> You can use Visual Studio 2015 only for .NET Core 1.x development. However, this approach is not recommended because:
+> * The .NET Core tooling is in a preview version which is not officially supported.
+> * The projects are `project.json`-based which is deprecated.
 >
-> * The .NET Core tooling is a preview version, which is not officially supported.
-> * The projects are project.json-based, which is deprecated.
->
-> Note also, that if you use VS 2015, in order to ensure the matching of the ASP.NET Core version which is distributed with the Telerik UI for ASP.NET Core, you need to manually change the `Microsoft.AspNetCore.Routing` and `Microsoft.AspNetCore.Mvc` versions to `1.1.0` in `project.json`.
+> If you use Visual Studio 2015, to ensure the matching of the ASP.NET Core version which is distributed with the Telerik UI for ASP.NET Core, manually change the `Microsoft.AspNetCore.Routing` and `Microsoft.AspNetCore.Mvc` versions to `1.1.0` in `project.json`.
 
 ## Configuration
 
@@ -34,7 +33,7 @@ Configure an ASP.NET Core Web Application to use Telerik UI for ASP.NET Core:
 ### Create ASP.NET Core Project
 
 1. Select **File** > **New Project**.
-2. Choose **Installed** > **Visual C#** > **Web** > **ASP.NET Core Web Application**.
+2. Select **Installed** > **Visual C#** > **Web** > **ASP.NET Core Web Application**.
 3. Set a name and location for the project and click **OK**.
 4. Select **Web Application** from the **ASP.NET Core Templates** dialog.
 5. Click **OK** to create the project.
@@ -53,17 +52,17 @@ To add the NuGet packages:
 
   ![NuGet package manager](images/manage-nuget-packages.png)
 
-2. Click the `Browse` tab, select the Telerik package source and search for `Telerik.UI.for.AspNet.Core`.
+2. Click the **Browse** tab, select the Telerik package source and search for `Telerik.UI.for.AspNet.Core`.
 
-3. Install the `Telerik.UI.for.AspNet.Core` package. This should add a line to your `.csproj` file similar to the example below.
+3. Install the `Telerik.UI.for.AspNet.Core` package. It adds a line to your `.csproj` file similar to the following example.
 
     ###### Example
 
 		<PackageReference Include="Telerik.UI.for.AspNet.Core" Version="{{ site.mvcCoreVersion }}" />
 
-4. Open `Startup.cs` and update it in the way demonstrated in the following examples:
+4. Open `Startup.cs` and update it in the following way:
 
-	* Locate the `ConfigureServices` method and add the calls shown in the code snippet below:
+	* Locate the `ConfigureServices` method and add the calls.
 
 		###### Example
 
@@ -74,15 +73,15 @@ To add the NuGet packages:
 				// https://github.com/aspnet/Announcements/issues/194
 				services
 					.AddMvc()
-					.AddJsonOptions(options => 
+					.AddJsonOptions(options =>
 						options.SerializerSettings.ContractResolver = new DefaultContractResolver());
 
 				// Add Kendo UI services to the services container
 				services.AddKendo();
 			}
-		
-	* Add the required using for `Newtonsoft.Json.Serialization`:
-			
+
+	* Add the required `using Newtonsoft.Json.Serialization` line.
+
 		###### Example
 
 			...
@@ -121,7 +120,7 @@ To add the NuGet packages:
 
 7. Register the Kendo UI styles and scripts in `~/Views/Shared/_Layout.cshtml`.
 
-	> **Important**
+	  > **Important**
     >
     > In the default .NET Core template, the jQuery scripts are included at the end of the `<body>` element. To properly load the Telerik UI for ASP.NET HtmlHelpers, move the jQuery scripts and the Kendo UI client-side scripts to the `<head>` element and make sure that the Kendo UI scripts are loaded after the jQuery ones.
 
diff --git a/docs-aspnet-mvc/_layouts/all-pages-staging.html b/docs-aspnet-mvc/_layouts/all-pages-staging.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+    </head>
+    <body>
+      {% capture site_url %}{% if site.url %}{{ site.url }}{% else %}{{ site.github.url }}{% endif %}{% endcapture %}
+      {% for post in site.html_pages %}
+        <a href="https://kendobuild.telerik.com/aspnet-mvc{{ post.url | replace:'.html','' }}">https://kendobuild.telerik.com/aspnet-mvc{{ post.url | replace:'.html','' }}</a>
+      {% endfor %}
+    </body>
+</html>
diff --git a/docs-aspnet-mvc/_layouts/page.html b/docs-aspnet-mvc/_layouts/page.html
@@ -31,7 +31,7 @@
         </script>
     </div>
 
-    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs-aspnet-mvc/{{ page.url | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
+    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs-aspnet-mvc{{ page.url | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
     {% if page.kind == "api" %}<div id="markdown-toc"></div>{% endif %}
 
     <div id="page-article">
diff --git a/docs-aspnet-mvc/all-pages.md b/docs-aspnet-mvc/all-pages.md
@@ -0,0 +1,4 @@
+---
+publish: false
+layout: all-pages-staging
+---
diff --git a/docs/_layouts/all-pages-staging.html b/docs/_layouts/all-pages-staging.html
@@ -6,7 +6,7 @@
     <body>
       {% capture site_url %}{% if site.url %}{{ site.url }}{% else %}{{ site.github.url }}{% endif %}{% endcapture %}
       {% for post in site.html_pages %}
-        <a href="{{ site_url }}{{ post.url | replace:'.html','' }}">{{ site_url }}{{ post.url | replace:'.html','' }}</a>
+        <a href="https://kendobuild.telerik.com/kendo-ui{{ post.url | replace:'.html','' }}">https://kendobuild.telerik.com/kendo-ui{{ post.url | replace:'.html','' }}</a>
       {% endfor %}
     </body>
 </html>
diff --git a/docs/_layouts/api-index.html b/docs/_layouts/api-index.html
@@ -31,7 +31,7 @@
         </script>
     </div>
 
-    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs/{{ page.parent_path | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
+    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs{{ page.parent_path | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
     <div class="api-breadcrumbs-container"></div>
     <div id="page-article">
       <div class="api-toc-container"></div>
diff --git a/docs/_layouts/kb-page.html b/docs/_layouts/kb-page.html
@@ -30,7 +30,7 @@
         </script>
     </div>
 
-    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs/{{ page.url | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
+    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs{{ page.url | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
     {% if page.kind == "api" %}<div id="markdown-toc"></div>{% endif %}
 
     <div id="page-article">
diff --git a/docs/_layouts/page.html b/docs/_layouts/page.html
@@ -31,7 +31,7 @@
         </script>
     </div>
 
-    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs/{{ page.url | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
+    {% if page.editable %}<a id="page-edit-link" href="https://github.com/telerik/kendo-ui-core/edit/master/docs{{ page.url | replace: '.html','' }}.md"><span class="k-icon k-i-pencil"></span> Edit this page</a>{% endif %}
     {% if page.kind == "api" %}<div id="markdown-toc"></div>{% endif %}
 
     <div id="page-article">
diff --git a/docs/all-pages.md b/docs/all-pages.md
@@ -1,4 +1,4 @@
 ---
 publish: false
-layout: all-pages-gsa
+layout: all-pages-staging
 ---
diff --git a/docs/knowledge-base/calendar-dynamically-display-selection.md b/docs/knowledge-base/calendar-dynamically-display-selection.md
@@ -1,15 +1,16 @@
 ---
-title: Use Kendo Calendar widget in MultiSelect.
-description: An example on how to dynamically display the selected dates from the Calendar 
+title: Dynamically Display the Selected Calendar Dates
+description: An example on how to dynamically display the selected dates from the Kendo UI Calendar.
 type: how-to
-page_title: Dynamically display the selected dates from the Calendar | Kendo UI Calendar
+page_title: Dynamically Display the Selected Dates from the Calendar | Kendo UI Calendar
 slug: calendar-dynamically-display-selection
 tags: kendo, kendoui, calendar, multiselect, dynamical, select
 ticketid: 1145054
 res_type: kb
 ---
 
 ## Environment
+
 <table>
 	<tr>
 		<td>Product Version</td>
@@ -23,11 +24,14 @@ res_type: kb
 
 
 ## Description
-In order to have the Kendo UI Calendar display its selected dates dynamically in another widget/container, you should follow the next steps:
 
-1. Enable the multiple selection of the Calendar through its selectable property (set to "multiple") 
-2. Subscribe for the Change event of the Calendar
-3. Update a preferable container by appending the selected values of the Calender with span elements
+How can I make the Calendar dynamically display the selected dates in another widget or container?
+
+## Solution  
+
+1. Enable the multiple selection of the Calendar through its `selectable` property (set it to `"multiple"`).
+2. Subscribe for the `change` event of the Calendar.
+3. Update a preferable container by appending the selected values of the Calendar with `span` elements.
 
 ```html
 <div class="demo-section k-content" style="text-align: center;">
diff --git a/docs/knowledge-base/diagram-create-flowchart.md b/docs/knowledge-base/diagram-create-flowchart.md
@@ -1,16 +1,16 @@
 ---
-title: Create Flowchart from Local Data Using Kendo UI Diagram
-description: How to create a flowchart from local data for shapes and connections using Kendo UI Diagram
+title: Create Flowchart from Local Data by Using the Diagram
+description: An example on how to create a flowchart from local data for shapes and connections by using the Kendo UI Diagram.
 type: how-to
-page_title: Create a Flowchart Using Kendo UI Diagram
+page_title: Create Flowcharts | Kendo UI Diagram
 slug: diagram-create-flowchart
-position: 
 tags: diagram, flowchart
 ticketid: 1147424
 res_type: kb
 ---
 
 ## Environment
+
 <table>
 	<tr>
 		<td>Product Version</td>
@@ -24,14 +24,18 @@ res_type: kb
 
 
 ## Description
-I want to create a [flowchart](https://en.wikipedia.org/wiki/Flowchart) and use JSON or local data to bind the shapes. 
+
+How can I create a [flowchart](https://en.wikipedia.org/wiki/Flowchart) and use JSON or local data to bind the shapes?
 
 ## Solution
-You can create data sets for the Diagram shapes and connections and a client-side function that maps this data to shape and connection properties. 
 
-Some of the flowchart shapes are available as pre-defined shape [types](/api/javascript/dataviz/diagram/shape#configuration-type) in the Diagram. You can define the rest of the shapes using a [Path](/api/javascript/dataviz/diagram/path) object.
+Create data sets for the Diagram shapes and connections, and a client-side function that maps this data to the `shape` and `connection` properties.
+
+Some of the flowchart shapes are available as pre-defined shape [`types`](/api/javascript/dataviz/diagram/shape#configuration-type) in the Diagram. Define the rest of the shapes by using a [`Path`](/api/javascript/dataviz/diagram/path) object.
 
-The following example shows a simple flowchart implementation using a common function to generate all shapes.
+For more information on how to create custom shapes in the Diagram, refer to the example on the [Diagram Builder](https://demos.telerik.com/kendo-ui/html5-diagram-sample-app). For a full list of the `shape` and `connection` properties in the Diagram, refer to its [`model`](/controls/diagrams-and-maps/diagram/editing#model-fields) fields.
+
+The following example demonstrates how to implement a simple flowchart by using a common function to generate all shapes.
 
 ```html
     <div id="diagram"></div>
@@ -78,7 +82,7 @@ The following example shows a simple flowchart implementation using a common fun
 
           return shape;
         }
-        
+
         var data = [{
           'id': 1,
           'textData': 'Start',
@@ -103,7 +107,7 @@ The following example shows a simple flowchart implementation using a common fun
           'positionX': 399.5,
           'positionY': 290
         }];
-        
+
         var connectionsData = [{
         	'fromShapeId': 1,
           'toShapeId': 2
@@ -114,11 +118,11 @@ The following example shows a simple flowchart implementation using a common fun
         	'fromShapeId': 3,
           'toShapeId': 1
         }];
-        
+
         for(var i = 0; i < data.length; i++) {
         	diagram.addShape(createShape(data[i]));
         }
-        
+
         for(var j = 0; j < connectionsData.length; j++){
           var sourceShape = diagram.getShapeById(connectionsData[j].fromShapeId);
           var targetShape = diagram.getShapeById(connectionsData[j].toShapeId);
@@ -127,8 +131,3 @@ The following example shows a simple flowchart implementation using a common fun
       });
     </script>
 ```
-
-## See Also
-
-* [Diagram Builder Example](https://demos.telerik.com/kendo-ui/html5-diagram-sample-app) - this demo shows how to create custom shapes in the Diagram
-* [Diagram Model Fields](/controls/diagrams-and-maps/diagram/editing#model-fields) - see a full list of the shape and connection properties in the Diagram
diff --git a/docs/knowledge-base/grid-get-selected-rows-of-child-grid.md b/docs/knowledge-base/grid-get-selected-rows-of-child-grid.md
@@ -1,6 +1,6 @@
 ---
 title: Get the Selected Rows of a Child Grid
-description: An example on how to get the selected rows of a child grid
+description: An example on how to get the selected rows of a child Kendo UI Grid.
 type: how-to
 page_title: Get the Selected Rows of a Child Grid | Kendo UI Gird
 slug: grid-get-selected-rows-of-child-grid
@@ -24,13 +24,13 @@ component: listview
 
 ## Description
 
-I have a Hierarchical Grid and would like to access the selected rows of a nested grid.
+How can I access the selected rows of a nested grid in my hierarchical Grid?
 
 ## Solution
 
-1. Add a unique Id to each child grid
-2. Within the [detailExpand](https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/detailexpand) event handler save the Id of the expanded child grid.
-3. Use the saved Id in order to access the child grid.
+1. Add a unique `Id` to each child Grid.
+2. In the [`detailExpand`](https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/detailexpand) event handler, save the `Id` of the expanded child Grid.
+3. Use the saved `Id` to access the child Grid.
 
 ```html
     <div id="example">
@@ -138,4 +138,4 @@ I have a Hierarchical Grid and would like to access the selected rows of a neste
         }
       </script>
     </div>
-```
+```
diff --git a/src/kendo.data.js b/src/kendo.data.js
@@ -788,6 +788,8 @@ var __meta__ = { // jshint ignore:line
                             that.dirtyFields[field] = false;
                         }
                     }
+                } else {
+                    that.trigger("equalSet", { field: field, value: value });
                 }
             }
         },
diff --git a/src/kendo.editable.js b/src/kendo.editable.js
@@ -24,7 +24,7 @@ var __meta__ = { // jshint ignore:line
         ERRORTEMPLATE = '<div class="k-widget k-tooltip k-tooltip-validation" style="margin:0.5em"><span class="k-icon k-i-warning"> </span>' +
                     '#=message#<div class="k-callout k-callout-n"></div></div>',
         CHANGE = "change";
-
+    var EQUAL_SET = "equalSet";
     var specialRules = ["url", "email", "number", "date", "boolean"];
 
     function fieldType(field) {
@@ -253,6 +253,7 @@ var __meta__ = { // jshint ignore:line
             Widget.fn.destroy.call(that);
 
             that.options.model.unbind("set", that._validateProxy);
+            that.options.model.unbind(EQUAL_SET, that._validateProxy);
 
             kendo.unbind(that.element);
 
@@ -324,6 +325,9 @@ var __meta__ = { // jshint ignore:line
             that.options.model.unbind("set", that._validateProxy);
             that.options.model.bind("set", that._validateProxy);
 
+            that.options.model.unbind(EQUAL_SET, that._validateProxy);
+            that.options.model.bind(EQUAL_SET, that._validateProxy);
+
             that.validatable = new kendo.ui.Validator(container, {
                 validateOnBlur: false,
                 errorTemplate: that.options.errorTemplate || undefined,
diff --git a/tests/editable/validation.js b/tests/editable/validation.js
diff --git a/tests/model/set.js b/tests/model/set.js

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +---
 +publish: false
 +layout: all-pages-staging
 +---