Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet-mvc/helpers/panelbar/overview.md

@@ -62,6 +62,60 @@ Below are listed the steps for you to follow when defining the items of a Kendo
             )
     ```
 
+### Expand Mode
+
+The PanelBar can be configured to use `Single` or `Multiple` expand mode. If the `ExpandMode` configuration option of the PanelBar is set to:
+
+* `Single` - only a single root item or a single child item of a specific parent item can be expanded at a time. Expanding another root item or another child item of the currently expanded item's parent collapses the currently expanded item. This is also the only way to collapse an expanded item in `single` expand mode. 
+* `Multiple` - multiple root items or children of the same parent item can be expanded at a time. Expanding an item does not collapse the currently expanded items. Expanded items can be collapsed by clicking on them. 	
+
+    ###### Example
+
+    ```tab-Razor
+
+            @(Html.Kendo().PanelBar()
+                .Name("panelbar")
+                .ExpandMode(PanelBarExpandMode.Single)
+                .Items(items =>
+                {
+                    items.Add().Text("Root1")
+                        .Items(subitems =>
+                        {
+                            subitems.Add().Text("Level2 1");
+                            subitems.Add().Text("Level2 2");
+                        });
+                    items.Add().Text("Root2")
+                        .Items(subitems =>
+                        {
+                            subitems.Add().Text("Level2 1");
+                            subitems.Add().Text("Level2 2");
+                        });
+                })
+            )
+    ```
+	```tab-ASPX
+
+            <%: Html.Kendo().PanelBar()
+                .Name("panelbar") 
+                .ExpandMode(PanelBarExpandMode.Single)
+                .Items(items =>
+                {
+                    items.Add().Text("Root1")
+                        .Items(subitems =>
+                        {
+                            subitems.Add().Text("Level2 1");
+                            subitems.Add().Text("Level2 2");
+                        });
+                    items.Add().Text("Root2")
+                        .Items(subitems =>
+                        {
+                            subitems.Add().Text("Level2 1");
+                            subitems.Add().Text("Level2 2");
+                        });
+                })
+            %>
+    ```
+
 ### Sitemap Binding
 
 Below are listed the steps for you to follow when binding a Kendo UI PanelBar to a sitemap.

docs/api/javascript/ui/grid.md

@@ -10305,6 +10305,8 @@ Fired when the user collapses a group row.
 
 The event handler function context (available via the `this` keyword) will be set to the widget instance.
 
+Introduced in the Kendo UI 2017 R3 (2017.3.913) release.
+
 #### Event Data
 
 ##### e.element `jQuery`
@@ -10371,6 +10373,8 @@ Fired when the user expands a group row.
 
 The event handler function context (available via the `this` keyword) will be set to the widget instance.
 
+Introduced in the Kendo UI 2017 R3 (2017.3.913) release.
+
 #### Event Data
 
 ##### e.element `jQuery`

docs/controls/navigation/panelbar/overview.md

@@ -212,6 +212,41 @@ The following example demonstrates how to load a PanelBar item content asynchron
 
 When the PanelBar loads remote content via AJAX, the server response is cached in-memory so that subsequent expand/collapse actions do not trigger subsequent AJAX requests.
 
+### Expand Mode
+
+The PanelBar can be configured to use `single` or `multiple` expand mode. If the `expandMode` configuration option of the PanelBar is set to:
+
+* `single` - only a single root item or a single child item of a specific parent item can be expanded at a time. Expanding another root item or another child item of the currently expanded item's parent collapses the currently expanded item. This is also the only way to collapse an expanded item in `single` expand mode. 
+* `multiple` - multiple root items or children of the same parent item can be expanded at a time. Expanding an item does not collapse the currently expanded items. Expanded items can be collapsed by clicking on them. 
+
+###### Example
+
+	<div id="panelbar"></div>
+	<script>
+		var items = [
+			{ ProductName: "Root1", items: [
+				{ ProductName: "Level2 1", items: [
+					{ ProductName: "Level3 1" },
+					{ ProductName: "Level3 2" }
+				]},
+				{ ProductName: "Level2 2", items: [
+					{ ProductName: "Level3 1" },
+					{ ProductName: "Level3 2" }
+				]}
+			]},
+			{ ProductName: "Root2", items: [
+				{ ProductName: "Level2 1" }
+			]}
+		];
+	  
+		$("#panelbar").kendoPanelBar({
+			dataTextField: "ProductName",
+			dataSource: items,
+			expandMode: "single"
+		});
+	</script>
+
+
 ### PanelBar Animations
 
 By default, a PanelBar uses animations to expand and reveal sub-items when an item header is clicked. These animations can be modified in configuration via the open and close animation properties. A PanelBar can also be configured to only allow one panel be opened at a time.